:: ClanSphere :: Free OpenSource Clan CMS :: - Forum - Sidebar

Antworten: 3

Seite [1]

Weltmeister

Herkunft: Hamburg
Beiträge: 5299

# Thema - 05.12.2007 um 18:06 Uhr

so, bin auch mal wieder hier im Forum^^

[ich weiss der Text ist lang, wäre aber nett, wenn die die (viel) Ahnung von html und css haben ihn sich durchlesen und mir helfen]

Ich hab n problem mit nem design an dem ich mich grad versuche es anzupassen.

http://ewg.india467.server4you.de/

so sieht es bis jetzt aus.
eigentlich ist es recht simpel. ein header, eine navi, der content und eine sidebar, die von ganz oben nach unten gehen soll, auch wenn die seite länger wird.
man könnte sie direkt in den background die seite einbauen oder eine 2spaltige tabelle benutzen , bei der der content in der linken und die sidebar in der rechten spalte ist um die passende höhe von oben nach ganz unten zu erreichen, doch soll das besondere an der sidebar sein, dass sie transparenz über nem teil vom content liegt.

eigentlich hatte ich auch schon alles fertig, bis ich dann festgestellt hab, dass position: fixed; von dem ie6 nicht unterstüzt wird, was bei dieser seite aber wichtig ist.

nachdem ich es vergeblich mit javascript versucht hab, die sidebar ruckelfrei am rand auch für den ie6 zu positionieren kam ich letztendlich auf die idee die fixed-position zu simulieren indem ich 2 divs erstelle. beide mit posi: absolute. beide 100% breit und hoch dem unteren hab ich overflow: scrollt bzw auto zugewiesen und das komplette design in ihn gepackt, sodass er den kompletten body ersetzt. in den anderen habe ich die sidebar gelegt, sodass ich letztendlich 2 bodys hatte, die eigentlich nur 2 divs waren, in dem einen konnte man scrollen, wie im body doch der andere hat seine position nie verändert und lag damit scheinbar fixed über allem anderen.
diese situation ist nun bei dem oberen link vorzufinden.

das problem was jetzt bleibt, ist, dass die z-indexe der untergeordneten divs also die des header und das contents sich immernur innerhalb des eltern elements aufeinanders auswirken.

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

1. / 2. / ...

DIV1 <- z-index 1
   div#sidebar <- z-index 50
/DIV1

DIV2 <- z-index 0
   div#header <- z-index 100
   div#content <- z-index 1
/DIV2

jetzt liegt der header zwar auf grund des höheren z-indexes über dem content, doch unter der sidebar, weil sich die 50 und die 100 nicht aufeinander beziehen, weil sie sich in verschiedenen eltern elementen befinden.
und der DIV1 liegt nunmal allgemein über dem DIV2, wenn ich den DIV1 unter den DIV2 liege liegt auch der content über der sidebar, was etwas komisch aussieht.

Nun die Frage: Wie kann ich das Problem am besten lösen, sodass es für alle browser funktioniert.

nochmal eine Skizze zur Veranschaulichung

/e: hab es jetzt so gelöst, dass ich es doch wieder nur per postion: fixed gemacht habe und für den ie die position auf absolute setze und den top-wert aktuallisiere

------------------
www.laszlokorte.de

Zuletzt editiert von SCHIRI am 05.12.2007 um 19:27 Uhr (3x Editiert)

Inaktiv

Radiate

King for a day

Beiträge: 293

# Antwort: 1 - 08.12.2007 um 15:26 Uhr

Hm, ich finde das etwas kompliziert!
Was willst du genau?
Ich verstehe das der Content NICHT scrollbar sein soll dafür aber die rechte Sidebar und die Navi oben, korrekt?

------------------
Clansphere 2008.0

Inaktiv