height, min-height

[Rolf B]

Hallo Jens,

das Problem ist, dass height:100% am body sich auf die Höhe des Elternelements bezieht, und das ist nun mal das html Element.

Das html Element dagegen ist das ganze Dokument (glaube ich) und wenn man dort height:100% sagt, bezieht es sich auf den Viewport.

Aber wie gesagt, die Angabe 100% ist ungeschickt und stammt aus den Urzeiten des Web, wo es die Einheit vh noch nicht gab. 100vh = 100% der Viewporthöhe. Der Viewport ist der Bereich des Bildschirms, in dem dein Dokument anzeigt wird. Also das Fenster, oder bei Vollbild-Display der ganze Bildschirm (minus einer eventuellen Touch-Tastatur).

Schau, was ich um 14:16 geschrieben habe. Das funktioniert auch mit height, wenn Du Vollbildanzeige ohne Scrollbar haben willst. Das ist allerdings nicht völlig trivial, ein Vollbild-Layout muss gut überlegt sein und ist auch nicht auf jedem Gerät sinnvoll.

Rolf