Layout strecken...

[HopelessFrag]

Morgen zusammen!

Habe ein Seiten-Layout, welches sich auch bei nicht ausreichendem Inhalt ans untere Ende des Browser fensters strecken soll...wie bekomme ich das hin? Gibt es da ein CSS-Attribut zu?

Danke im voraus!

[Whatever]

Den Quelltext zu haben wäre schon hilfreich, aber generell ist ist height:100%

[HopelessFrag]

aaah klasse hätte ich auch drauf kommen können. Danke!

[geloescht_JesterDay]

aber generell ist ist height:100%

Generell gibt es kein height: 100%! Einzig der IE unterstützt dies, und auch ab der 6er Version nur im Quirksmodus.

Grund: HTML beschreibt das Dokument. Eine Anzeige, die die volle Fensterhöhe annehmen soll, müsste sich aber am Viewport (dem Ausgabebereich des Clients) orientieren. Da der Client nix mit dem Dokument zu tun hat (aus HTML sicht), gibt es kein standardkonformes HTML mit height: 100%.

Ausnahme: height: 100% als Bezug auf die Parentbox im CSS Boxmodell. Bringt aber nichts für die Fensterhöhe.

Workarounds wie

# CSS

html { height: 100%; }

body { height: 100%; }

...

sehen auf den ersten Blick wie eine Lösung aus. Sobald die Fenstergröße aber geändert oder gescrollt wird, ändert sich das sehr schnell

[Aiun]

Lösung: kleines Javascript das die Fensterhöhe an ein "oberstes" Div-Layer, bzw. mehrere Div-Layer übergibt.

Benutze sowas jetzt eine weile und habe mit keinem aktuellen Browser probleme.

Wiedermal ein Beispiel HTML ist bei weitem noch nicht perfekt.

[geloescht_JesterDay]

Wiedermal ein Beispiel HTML ist bei weitem noch nicht perfekt.

Kommt auf deine Sichtweise an HTML ist nicht dafür gemacht, etwas im Browser anzuzeigen, sondern der Browser dafür, HTML anzuzeigen

[Aiun]

aber HTML ist ursprünglich entwickelt worden, damit die Darstellung "einheitlich" funktioniert. Wenn sich HTML nicht mehr um die darstellung schert, kommt sowas zu stande wie das jetzt ^^

das wäre so als ob die Angabe 100px nicht erlaubt wäre, weil CSS/HTML ja nix damit zu tun hat, ob das darstellungs-dings in Pixel eingeteilt ist ^^