Jeg burde vist have læst dit spørgsmål en ekstra gang før jeg skrev... Men noget i retning af:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Positioning og centrering</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
body {
margin:15px;
}
#wrapper {
width:800px;
margin:0 auto;
position:relative;
border:1px solid #000;
height:400px;
}
#leftMenu {
position:absolute;
top:0;
left:0;
background-color:#00f;
width:100px;
height:100%;
}
#content {
margin:0 100px;
background-color:#f00;
height:100%;
}
#rightMenu {
position:absolute;
top:0;
right:0;
background-color:#0f0;
width:100px;
height:100%;
}
.menuFirst, .menuSecond,
.menuThird, .menuFourth {
border:1px solid #ccc;
width:100%;
}
.menuFirst {
}
.menuSecond {
position:absolute;
top:50px;
}
.menuThird {
position:absolute;
top:100px;
}
.menuFourth {
position:absolute;
top:150px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="content">
<p>Hello</p>
<p>World</p>
</div>
<div id="leftMenu">
<div class="menuFirst">Første</div>
<div class="menuSecond">Anden</div>
<div class="menuThird">Tredje</div>
<div class="menuFourth">Fjerde</div>
</div>
<div id="rightMenu">
<div class="menuFirst">Første</div>
<div class="menuSecond">Anden</div>
<div class="menuThird">Tredje</div>
<div class="menuFourth">Fjerde</div>
</div>
</div>
</body>
</html>måske?
Disclaimer: hurtig sketch, brug ikke pixels, overvej at bruge en liste, blah blah.