Ich habe einen 3-spalter mit Header und Footer Bereich.
Jetzt will ich aber, dass der mittlere Bereich immer die max. zur Verfügung stehende Höhe ausfüllt.
Jetzt will ich aber, dass der mittlere Bereich immer die max. zur Verfügung stehende Höhe ausfüllt.
HTML:
<html>
<body>
<style>
body {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
}
div#header {
background-color: yellow;
z-index: 1;
width: 100%;
height: 30px;
}
div#footer {
position: absolute;
bottom: 0px;
z-index: 2;
background-color: yellow;
width: 100%;
height: 30px;
}
div#container {
z-index: 3;
}
div#center {
z-index: 6;
background-color: blue;
}
div#left {
z-index: 4;
float: left;
width: 100px;
background-color: red;
}
div#right {7
z-index: 5;
float: right;
width: 100px;
background-color: red;
}
</style>
<div id="header">Kopf</div>
<div id="container">
<div id="left">Links</div>
<div id="right">Rechts</div>
<div id="center">Mitte</div>
</div>
<div id="footer">Fuß</div>
</body>
</html>
