html,body,table {
margin:0;padding:0;
width:100%;
height:100%;
}
#cont {
background-image:url('img/bg.jpg');
background-repeat:no-repeat;
background-position: 0% 50%;
}
#container {width:810px;margin:0 auto;
}
.main {
width:700px;
height:470px;
background-color:#FFFFFF;
border-width:1px;
border-style:solid;
border-color:#8687c0;
overflow:auto;
float:right;
}
#tekst {
margin-left:10px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
}
#logo {
width:810px;
margin:0 auto;
}
.menu {float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
width:100px;
height: 470px;
background-color:#FFFFFF;
border-width:1px;
border-style:solid;
border-color:#8687c0;
}
#menuitem1 {
background-color:#8687c0;
margin-top:10px;
height:30px;
margin-top:10px;
}
#menuitem2, #menuitem3, #menuitem4, #menuitem5, #menuitem6, #menuitem7, #menuitem8 {
background-color:#8687c0;
margin-top:2px;
height:30px;
}
.clearer {clear:both;height:0;overflow:hidden;}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="
http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css">
<title>Untitled Document</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0"><tr><td>
<div id="logo"><img src="img/temp_logo.jpg"></div>
<div id="cont"><div id="container">
<div class="menu">
<div id="menuitem1">Menu1</div>
<div id="menuitem2">Menu2</div>
<div id="menuitem3">Menu3</div>
<div id="menuitem4">Menu4</div>
<div id="menuitem5">Menu5</div>
<div id="menuitem6">Menu6</div>
<div id="menuitem7">Menu7</div>
<div id="menuitem8">Menu8</div>
</div>
<div class="main">
<div align="left" id="tekst">Noget tekst</div>
</div>
<div class="clearer"></div>
</div></div>
</td></tr></table>
</body>
</html>
