[Scoon]

Hallo,

ich möchte folgendes Layout mit Divs verwirklichen (war bisher mit Tabelle und es gab ein Problem):




Mein Problem ist, dass der blaue Div immer so hoch sein soll wie der Schwarze. Dazu muss seine Positionierung auf relativ. Nun sind die Inhalte der Violetten Divs aber ebenfalls sehr Variabel. Auch sie müssen daher relativ sein. Beides schließt sich jedoch aus. Wie kann ich dieses Problem lösen?

Viele Grüße,
Scoon

[m]

So richtig verstanden hab ich das jetzt nicht, aber ich denke die Lösung bringt
dir eine Suche nach "faux columns".

[Scoon]

Leider nein! Es geht nicht darum, dass beide DIVs gleich lang wirken sollen (die Hintergrundfarbe ist eh einheitlich und wird vom ElternDIV bestimmt), sondern darum, dass die violetten Divs Einfluss auf die Höhe haben (sobald sie den Elterndiv in der Höhe sprengen, soll er sich vergrößern) und sich immer untereinander stapeln sollen (weswegen ich position:relative; benötige) aber auch das blaue div Einfluss auf die Höhe haben soll (so dass es ebenfalls position:relative; benötigt).

[m]

Achso ja, nein, du mußt da eigentlich gar nichts per position positionieren
sondern die Elemente einfach nur mit float Eigenschaften versehen.

[Scoon]

Hm, dann kann ich aber nur ein lila DIV verwenden. Ich will jedoch mehrere benutzen! Hm, vielleicht kann ich die nachfolgenden DIVs reinschachteln, auch wenn das nicht die feine Art ist. Danke erst einmal. Weitere Kommentare sind dennoch gerne gesehen.

[Raumwurm]

Du kannst auch hergehen und die lila Divs in ein
weiteres Div legen, dann haste zwei nebeneinander-
floatende. Unten dazu noch ein clearendes Element
eini - fürs aufspreizen vom schwarzem Div. Müsste so
gehen würde ich mal meinen - falls ich überhaupts
begriffen hab um was es geht.

[m]