Eltern Div mit Höhe: 100% funktioniert nicht [duplizieren]
Mögliche Duplikate:
CSS - 100% Größe funktioniert nicht
ich habe 3div
s, diediv-1
ist ein Hintergrund unddiv-2
unddiv-3
sind zwei Container (einer für Text und einer für Foto).
HTML:
<div id="div-1">
<div id="div-2"></div>
<div id="div-3"></div>
</div>
CSS:
#div-1 {
width: 100%;
height:100%;
padding: 40px 0;
margin:0;
}
#div-2 {
width: 500px;
margin: 0;
float: left;
}
#div-3 {
width: 200px;
margin: 0;
float: right;
}
Das bekomme ich:
Warumheight: 100%
funktioniert nicht