Hvad med lidt leg med denne her?
<!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>Ingen titel</title>
<style type="text/css">
html,body{margin:0px;padding:0px;height:100%;overflow:hidden;}
#bodyen{
position:absolute;
height:100%;
width:100%;
overflow:auto;
background:#666;
}
#header{
height: 15%;
background:#888;
}
#sidebar{
float:left;
width:18%;
background:#666;
}
#main{
width:80%;
float:right;
background:#ccc;
}
#footer {
position:absolute;bottom:0px;left:0px;
width:100%;
height: 100px;
}
#footer2{
margin-right:17px;
height:100%;
position:relative;
}
#footer3{
background:red;
position:absolute;
top:0px;left:50%;
margin-left:-100px;
width:200px;
height:100%;
z-index:2;
}
</style>
<!--[if IE]><style type="text/css">#footer{z-index:2;}</style><![endif]-->
</head><body>
<div id="footer"><div id="footer2"><div id="footer3"> .footer.. <b onclick="document.getElementById('footer').style.display='none';">Luk</b></div></div></div>
<div id="bodyen">
<div id="header">header ... </div>
<div id="sidebar"> sidebar... </div>
<div id="main">main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...main...<br>main...<br>main...<br>main...main...<br>main...<br>main...<br>main...main...<br>main...<br>main...<br>main...main...<br>main...<br>main...<br>main...main...<br>main...<br>main...<br>main...main...<br>main...<br>main...<br>main...main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...slut</div>
</div>
</body></html>
(
http://www.eksperten.dk/spm/726088 )
