Jo - Altså noget kode - Se nedenstående.
Men højden er jo ikke statisk - Hvis indholdet fylder mere end browseren, ja så kommer der scroll-bar som sædvanlig.
Jeg ønsker bare kolonnerne i siderne har samme farve hele vejen ned, også selvom de intet indeholder i bunden.
MVH Christian
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Feriehus i Sydfrankrig til leje</title>
<style type="text/css">
html, body{
height: 100%;
padding: 0;
margin: 0;
font-family: Verdana,helvetica,arial,sans-serif;
font-size: 11px;
}
/* For andre browsere end IE6 */
.wrapper{
min-height: 100%;
padding: 0px;
width: 920px;
background: #e3e3e3;
border-right: 1px solid #888;
border-left: 1px solid #888;
margin: 0 auto;
position: relative;
}
#banner{
margin: 0 auto;
padding: 0px;
position: relative;
width: 100%;
height: 152px;
font-family: "Times New Roman";
font-size: 37px;
text-align: center;
color: #FF0000;
// background-image: URL('pic/banner.jpg');
// background-repeat: no-repeat;
// background-position: center;
vertical-align: text-top;
}
.content{
border-top: 1px solid #000000;
background-color: #FFFFFF;
min-height: 100%; /* For andre browsere end IE6 */
padding : 20px;
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
height: 20px;
border-top: 1px solid #000000;
background-color: #999999;
}
#footer a {
color: #CCCCFF;
text-decoration: none;
}
<!--[if IE 6]>
<style type="text/css">
div.wrapper{
height:100%;
}
</div>
<![endif]-->
<!--[if IE 6]>
<style type="text/css">
div.content{
height:100%;
}
</div>
<![endif]-->
</style>
</head>
<body bgcolor="#F8F092" style="margin: 0px;" >
<div class="wrapper">
<div id="banner">Feriehus til leje i Draguignan, Sydfrankrig</div>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nulla sem, aliquam at viverra sit amet, malesuada et neque. Phasellus rutrum blandit tortor id volutpat. Suspendisse faucibus, sem ut posuere vestibulum, diam erat fermentum lacus, scelerisque varius nisi arcu eget ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed tristique hendrerit rhoncus. In leo diam, semper at pretium ultricies, venenatis sit amet leo. Donec tempus rhoncus nisi in consectetur. Nullam eleifend tempor ligula, quis eleifend sem rutrum ac. Aliquam semper neque eu lorem iaculis lacinia auctor nisi malesuada. Praesent consectetur nisi eget nunc pharetra ac lacinia lorem tincidunt. Aenean dictum hendrerit enim eget faucibus. Vestibulum aliquet nisi vitae felis pretium ut pretium mauris tempus. Aenean in turpis augue, non porta ante. Sed sagittis quam non nulla auctor eget dictum est mattis. Aliquam fermentum elementum volutpat. Fusce semper sodales purus non eleifend. Etiam vel ipsum leo, eu sollicitudin enim.
</div>
<div id="footer">Webmaster og udvikler: Christian Heyn. Kontakt: <a href='mailto:me@cheyn.dk'>me@cheyn.dk'</a></div>
</div>
</body>
</html>
