Float-Container soll Größe des Elterncontainers annehmen
Tarlar
- css
0 Shyne
Hallo Leute,
hier erstmal der HTML-Code:
<div id="pageBody">
<div id="pageNav"></div>
<div id="pageContent"></div>
</div>
Und der CSS-Code:
#pageBody {
overflow: hidden;
height: 100%;
}
/**********************/
#pageNav {
background: #334880 url('images/body_bg.png') repeat-x;
border: 0px solid black;
float: left;
width: 200px;
}
/**********************/
#pageContent {
margin: 0 0 0 200px;
min-height: 700px;
}
Das Problem ist nun, dass der Container mit der id "pageNav" nicht die Höhe des Elterncontainer annimmt, der ja dadurch definiert wird, wie hoch der "pageContent" wird. Gibt es da evtl. einen Trick, dass der Container mit dem Attribut float die Höhe des Elterncontainer annimmt, wenn diese Höhe größer als seine eigene ist?
Gruß Tarlar
»»Gibt es da evtl. einen Trick, dass der Container mit dem Attribut float die Höhe des Elterncontainer annimmt, wenn diese Höhe größer als seine eigene ist?
Soweit ich weiss, nein bzw. wenn ich dich richtig verstanden habe.