+---------------+
| head |
+---+-----------+
| m | |
| e | main |
| n | |
| u | |
+---+-----------+
Ich habe das seinerzeit wie folgt gelöst (der Übersichtlichkeit halber habe ich nur die entscheidenden Angaben angeführt):
<body>
<div id="head">
...
</div>
<div id="menu">
...
</div>
<div id="main">
...
</div>
</body>
.body {
margin-left: auto;
margin-right: auto;
}
#menu {
float: left;
}
#main {
margin-left: ...;
}