Jeg har kigget lidt på det, og har lavet et eksempel, der er valid HTML 4.01 (loose) og valid CSS 2 (og derefter)..
Men som du kan se på farverne, er der et eller andet galt..
Det ser forkert ud i Opera og FireFox, men rigtigt ud i Internet Explorer.. hvilket typisk betyder at der er et eller andet galt.. :-)
Du kan evt oprette et spørgsmål i HTML kategorien, eller CSS kategorien, for at få hjælp til at rette designet til..
Her er eksemplet, som en hel fil (HTML og CSS):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body
{
margin:0px;
padding:0px;
height:100%;
background-color:#000000;
}
div
{
padding:0px;
margin:0px;
}
#outerbounds
{
border:1px solid #ffff00;
padding:2px;
width:760px;
height:100%;
position:absolute;
left:235px;
background-color:#ff0000;
}
#bannerarea
{
width:100%;
height:145px;
background-color:#00ff00;
padding:0px;
margin:0px;
text-align:center;
vertical-align:middle;
}
#toparea
{
text-align:center;
background-color:#0000ff;
padding:0px;
margin:0px;
}
#menumain
{
height:100%;
}
#menuarea
{
border:0px solid #ff0000;
padding:2px;
float:left;
width:160px;
height:100%;
background-color:#ffff00;
padding:0px;
margin:0px;
}
#menu1
{
background-color:#a2a2a2;
}
#menu2
{
background-color:#c2c2c2;
}
#menu3
{
background-color:#e2e2e2;
}
#mainarea
{
border:0px solid #ff0000;
padding:0px;
height:100%;
background-color:#00ffff;
}
#main
{
float:left;
clear:right;
width:437px;
height:100%;
background-color:#f0a0ff;
padding:0px;
margin:0px;
}
#mainright
{
float:left;
clear:right;
width:160px;
height:100%;
background-color:#a0f0a0;
padding:0px;
margin:0px;
}
#bottomarea
{
float:left;
width:100%;
text-align:center;
background-color:#f0f0f0;
}
</style>
<style type="text/css">
#grouptop
{
height:165px;
}
#groupmenumain
{
height:100%;
width:100%;
}
#groupbottom
{
height:20px;
}
</style>
</head>
<body>
<div id="outerbounds">
<div id="grouptop">
<div id="bannerarea">banner</div>
<div id="toparea">top</div>
</div>
<div id="groupmenumain">
<div id="menumain">
<div id="menuarea">
<div id="menu1">menu1</div>
<div id="menu2">menu2</div>
<div id="menu3">menu3</div>
</div>
<div id="mainarea">
<div id="main">main</div>
<div id="mainright">mainright</div>
</div>
</div>
</div>
<div id="groupbottom">
<div id="bottomarea">bottom</div>
</div>
</div>
</body>
</html>
