ok helt vildt uforståeligt det ovenover og så uden noget kilde, nice... ;-)
html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="
http://www.w3.org/1999/xhtml"><head> <title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="god.css" />
</head>
<body>
<div class="top">top</div>
<div class="middle">
<div class="left">left</div>
<div class="center">center</div>
<div class="right">right<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />right<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />right<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br />asd<br />asd<br />oiqwright<br /></div>
</div>
<div class="footer">footer</div>
</body>
</html>
css:
body, html{
height:100%;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
background-color:#c8cec8;
}
.top {
position:relative;
clear:both;
width:780px;
height:100px;
background-color:aqua;
margin-left:auto;
margin-right:auto;
}
.middle {
position:relative;
clear:both;
width:780px;
min-height:500px;
background-color:green;
margin-left:auto;
margin-right:auto;
}
.footer {
position:relative;
clear:both;
width:780px;
background-color:olive;
margin-left:auto;
margin-right:auto;
}
.left {
position:relative;
float:left;
width:150px;
background-color:white;
}
.center {
position:relative;
float:left;
width:440px;
background-color:silver;
}
.right {
position:relative;
float:left;
width:150px;
background-color:gray;
}
