josh: Div: 100% ist nicht 100% vom parent

Beitrag lesen

Hallo,

body {
width:100%;
height:100%; }

<body> ist aber ein Kindelement von <html>, und das ist bis jetzt so hoch wie der Inhalt. Deswegen bringt height:100%; bei <body> erst einmal gar nichts.

Du kannst aber dem <html>-Element ebenfalls die Höhe 100% (= 100% von der Viewporthöhe) geben:

  
html, body {  
  margin:0;  
  padding:0;  /* margin und padding auf 0, weil es sonst Scrollleisten gibt */  
  width:100%;  
  height:100%;  
}  

Allerdings wirst du ein Problem haben, wenn der Text länger ist als der Viewport; wenn du die CSS-Eigenschaft overflow nicht veränderst geht der Text zwar weiter, aber die Elemente hören vorher auf.

Gruß