DIV: 100% nur angezeigter Bereich im Browser?

[Harlequin]

Yerf!

naja, ich möchte, dass sich die 100% auf die ganze Seite bezieht und nicht nur auf den Viewport. "Ebene1" soll die durch "Ebene2" vorgegebene Höhe einnehmen. Warum? "Ebene2" soll auf unterschiedlichen Seiten mit Text unterschiedlicher Länge befüllt werden. Durch overflow: visible, wird dies auch sichtbar und die Seiten haben eine unterschiedlich Länge. "Ebene1" soll dann immer über die ganze Seite gehen und nicht nur auf die Höhe des Vieports begrenzt sein.

Geht das? Oder habe ich hier einen völlig falschen Ansatz (möchte gerne auf Tabellen und Frames verzichten!)?

Ja und Ja...

Du hast hier gleich mehrere Probleme, die dazu führen, das sich das gewünschte Verhalten nicht einstellt.

1. overflow:visible führt nicht dazu, das sich das umgebende Element mit vergrößert, der zu lange Teil hängt einfach über das Elternelement hinaus (ok, der IE macht das falsch...). Du benötigst hier stattdessen min-height (kann der IE zwar nicht, aber bei dem verhält sich ja height wie gewünscht, also per CSS-Hack entsprechend setzen)

2. position:absolut nimmt das Element aus dem Fluss, dadurch kann es die Höhe des Elternelementes nicht mehr beeinflussen. Versuche hier mit float zu arbeiten, dass nimmt das Element zwar auch aus dem Fluss, dieser lässt sich aber mit einem Element am Ende wieder herstellen (einen Footer oder zur Not eine <br style="clear:both">)

Gruß,

Harlequin