Div: 100% ist nicht 100% vom parent

[Der Martin]

Hi,

body {

width:100%;
height:100%; }

.outer_div {
width:100%;
height:100%; }

.inner_div {
width:500px;
height:100%; }

  
da scheint was zu fehlen. ;-)  
  

> outer\_div ist 100% in Höhe und Breite vom Elternelement body, also Browserfensterfüllend.  
  
Genau hier liegt dein Problem: Das Elternelement von body hat keine feste Höhe, richtet sich also nur nach seinem Inhalt. Dementsprechend hat auch dein body-Element nur diese Höhe.  
  

> Tut's nämlich nicht. innver\_div ist exakt so lang wie der Text darin ist. Breite stimmt. Reproduzierbar. Aber warum?  
  
Works as designed.  
  
So long,  
 Martin  

-- 
Ich wollt', ich wär ein Teppich.  
Dann könnte ich morgens liegenbleiben.