100% height

Eine nette Sache, die es ja schon seit geraumer Zeit gibt, aber auch für mich zum nachschauen :-)!

Ich möchte einen div-Container nach dem Laden der Seite auf voller Höhe des sichtbaren Bereichs anzeigen.
Alles was unterhalb des Containers an Inhalt folgt soll erst durch herunterscrollen sichtbar werden.

Ich gebe also meinem obersten Container die Höhe von 100%.
Das war's? - Noch nicht ganz.

Ich muss dem Viewport auch noch sagen, dass er die volle Höhe zur Verfügung stellen soll und das macht man, indem man dem html und dem body-tag auch noch eine Höhe von 100% zuweist. Das wars und läuft bis auf ie8 meines Wissens nach in allen Browsern,

html, body {height:100%;}
.first {height:100%;}
.second {....};

Saturday, 23. March 2013 - 21:21