main1 og main 2 skal fylde 100%
Jeg har fundet denne kode på exp, men har brug for at main1 og main2 fylder 100% også (og ikke skubber til siden, men så siden altid fylder 100%)<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 strict//EN"
"http://www.w3.org/TR/html401/strict.dtd">
<HTML>
<HEAD>
<TITLE>
</TITLE>
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;text-align:center;}
#container{position:relative;height:100%;width:839px;margin:0px auto;text-align:left;}
#top{position:absolute;height:290px;width:100%;background:yellow;z-index:1;}
#main{height:100%;background:white;}
#main1{width:222px;height:100px;background:white;float:left;border-right:solid 1px rgb(204,204,204);}
#main2{width:537px;height:100px;background:white;float:left;}
#spacer{height:290px;}
#bottom{position:absolute;left:0px;bottom:0px;height:15px;width:100%;background:white;z-index:1;BORDER-TOP: rgb(204,204,204) 1px solid;}
</style>
</head>
<BODY class="ukPool home">
<div id="container">
<div id="top">top</div>
<div id="main">
<div id="spacer"></div>
<div id="main1">
NYHEDER
</div>
<div id="main2">
Tekst
</div>
</div>
<div id="bottom">
FOOTER
</div>
</div>
</body>
</html>
