height, min-height
bearbeitet von Rolf BHallo 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 `min-height: 100vh;`. Das ist relativ zur Viewportgröße, nicht zum Elternelement, und es versteht sogar der IE und ist damit gut genug für alle.
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