Rolf B: height, min-height

Beitrag lesen

Hallo Jens,

height:100; wäre ein Error. Längenangaben ohne Einheiten sind in CSS nur für die Länge 0 zulässig. Ich nehme an, du hast Dich vertippt und meinst: height: 100%;

min-height:100% soll am Body besagen, dass der Body nicht kleiner ist als der Viewport. Nach meiner Erfahrung braucht man dafür aber auch html { min-height:100%; }. Besser ist body { min-height: 100vh; }. Das ist relativ zur Viewportgröße, nicht zum Elternelement, das versteht sogar der jüngste IE und ist damit gut genug für die Welt.

Gibt man height und min-height beide an, berechnet der Browser übrigens beide und wählt den größeren der beiden Werte.

Die unsinnig erscheinende Kombination von height:100%; min-height:100%; dürfte ein Fallback für Internet Explorer vor Version 7 sein, weil der min-height noch nicht kannte, und height wie min-height behandelt hat. IE6 und seine noch quirksigeren Vorgänger sind aber toter als alle Dodos dieser Welt.

Rolf

--
sumpsi - posui - obstruxi