Divs übereinander und untereinander

[Levis]

Hi,

lange nix mehr in html/css gemacht und schon wichtige Dinge vergessen

Ich möchte zwei Divs (wahrscheinlich mit position:absolute?) übereinander legen. Die Höhe dieser beiden Divs sind dynamisch und ggf. unterschiedlich. Unter diese Divs soll ein drittes Div gelegt werden. Bei dem dritten Div tue ich mich schwer. Wie kann ich dieses unter den beiden anderen positionieren, wenn ich die Höhe der darüberliegenden nicht kenne?

Quasi so:
|div1 und div2|
|div3|

Danke für alle Tipps!

[threadi]

Stichwort z-index

[Levis]

Aber das ist doch nur beim Übereinanderlegen der divs relevant? Div3 liegt aber darunter!

[hero-master]

Hi Levis
im Prinzip musst du ja nur eines der beiden ersten Divs absolut positionieren. Wenn also immer ein Div größer ist als das andere, dann kannst du einfach nur das kleinere absolut positionieren.
Ansonsten müsstest du das Ganze wohl über JS machen und damit die Höhe auslesen lässt, da mir keine CSS-Lösung einfällt, wenn beide divs absolut positioniert sind. Da bin ich aber dann der falsche Ansprechpartner

[wildmieze]

Hmm .. musst du denn die oberen Divs absolut positionieren ..? Mein erster Ansatz wäre vermutlich irgendwas mit float für die oberen, so daß der untere automatisch drunterrutscht .. kommt aber vermutlich darauf an, wie die Situation drumherum aussieht .. ich bin da auch eher der Trial&Error-Typ

[schwarzi]

Versuche es mit z-index

[Levis]

Danke, hero Der Tipp hat mich auf den richtigen Weg gebracht

An die anderen natürlich auch Danke (trotz teilweiser Wiederholung )!