Hallöchen!
Ich habe das Problem, dass ich drei div-Tags übereinander habe in diesem Stil:
Code:
<div id="header"></div>
<div id="content">...</div>
<div id="footer"></div>
Beispielhaftes CSS:
Code:
#header {
position: relative;
margin: auto;
height: 250px;
width: 780px;
}
#content {
position: relative;
margin: auto;
width: 780px;
}
#footer {
position: relative;
margin: auto;
height: 50px;
width: 780px;
}
Nun würde ich gerne #content so einrichten, dass es (unter Berücksichtigung von header und footer) immer genau so groß ist, dass alle drei div-Tags zusammen (mindestens) die volle Anzeigehöhe der Seite ausfüllen. Das habe ich mit min-height probiert, aber dort konnte ich nur eine fixe Höhe in Pixeln angeben. Alles andere hat nicht geklappt.
Kann mir jemand sagen, wie ich oben Gewünschtes erreichen kann, unter der Berücksichtigung, dass header und footer auf den Pixel genau ihre Höhe beibehalten müssen? Vielen Dank im Voraus! =)