Hallo,
ich habe ein geruest in dem ich einen head und einen gesamt Bereich habe. Hier die CSS:
Code:
#geruest {
position: absolute;
left: 10%;
top: 2%;
width: 80%;
height: 96%;
border: 1px solid Black;
}
#head {
width: 100%;
height: 98px;
background-image: url(../images/head_bg.jpg);
border: 1px solid #FF6633;
}
#gesamt {
margin-top: 2px;
width: 100%;
height: 80%;
border: 1px solid Black;
}
Das Geruest hat eine Höhe von 96%. Darin will ich nun den head mit 100px (98px + border (2px)) unterbringen. Direkt darunter soll ein Bereich sein, der so groß wie der Rest ist. ich dachte, dass ich diesen einfach mit 100% definieren kann, aber dann hängt er unten die 100px dran. Also brauche ich eine Höhe von 100% - 100px.
Wei geht das?
Code:
<div id="geruest">
<div id="head"></div>
<div id="gesamt"></div>
</div>
Kann ich das irgendwie kombinieren??