Här är en sida jag brukar använda som mall när jag vill ha höjden till 100%.
Trådstart#1
Jag vill att mina "main" samt "right" divvar skall fylla ut min "contents". För som det är nu så kommer "footer" inte längst ner på sidan. Det beror ju på att den styrs av "contents" som inte vidgas sig på höjden automatiskt.
Är det någon vänlig själ som kan hjälpa mig med detta?
<body>
<div id="menu"></div>
<div id="banner"></div>
<div id="newsfeeder"></div>
<div id="contents">
<div id="main"></div>
<div id="right"></div>
</div>
<div id="footer">Footer</div>
</body>
html {
font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
background-color: #fff;
color: #666;
text-align: center;
}
body {
margin: -1px auto 5px auto;
text-align: left;
width: 723px;
border: 1px solid #ccc;
background: #fff;
color: #666;
}
#menu{
background: url(../images/nav_bg.jpg);
vertical-align: middle;
text-align: center;
font-family: Verdana;
font-size: 11px;
color: #FFF;
width: 723px;
height: 30px;
}
#banner{
border-top: 1px solid #d4d4d4;
}
#newsfeeder{
background-color:#EEEEEE;
vertical-align: middle;
text-align: center;
font-family: Verdana;
font-size: 11px;
color: #000;
width: 723px;
height: 25px;
}
#contents {
color: #666;
background: ;
padding-left:10px;
padding-top: 5px;
padding-bottom:20px;
clear:both;
}
#main {
width: 470px;
color: #666;
float: left;
background: #fff;
}
#right {
width: 221px;
color: #666;
float: right;
background: #fff;
#footer {
height: 30px;
margin-top: 15px;
vertical-align: middle;
text-align: center;
font-family: Verdana;
font-size: 11px;
color: #FFF;
}