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

Beitrag lesen

SELF-Forum

Div: 100% ist nicht 100% vom parent

Noel
– Informationen zu den Bewertungsregeln

Hallo.

Ahm... ich bin am Ende meines Lateins. Bei einer ganz simplen Sache. Weiss echt nicht was das soll. Hab ich da tatsächlich was so winziges bzw. universales übersehen?

Zum Problem:

  
<html>  
<body>  
<div class="outer_div">  
  <div class="inner_div">  
    Text innerhalb des inner_divs.  
  </div>  
</div>  
</body>  
</html>

Soweit ganz simpel.

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

Sollte das Ergebnis nicht so aussehen:
outer_div ist 100% in Höhe und Breite vom Elternelement body, also Browserfensterfüllend. Darin ein kleineres Div welches nämlich ebenso hoch wie sein Elernelement (outer_div) ist, und zwar 100% des Browserfensters, sowie 500px breit. Nein?

Tut's nämlich nicht. innver_div ist exakt so lang wie der Text darin ist. Breite stimmt. Reproduzierbar. Aber warum?

Bitte sagt mir wo zum Geier ich den Denkfehler gemacht habe. Ich komme nicht dahinter.

Grüße,
Noel

Beitrag melden
–
Informationen zu den Bewertungsregeln