Ehrlich gesagt stehe ich mit dem Zentrieren von <div>s auf dem Kriegsfuß. Ich habe schon diverse Möglichkeiten durchprobiert, aber gerade unter XHTML 1.0 strict noch keine Lösung gefunden, die wirklich befriedigt.
Ich habe das auch schon fertig gebracht, ich bin nur nicht mehr ganz sicher wie, aberes hat auf anhieb ohne Problem funktioniert.
Ich habe immer alle Layer zusätzlich noch in einem Container, etwa so:
<body>
<div id="container">
<div id="menu">
</div>
<div id="submenu">
<div>
<div id="content">
<div>
</div>
Dann habe ich das in den Stylesheets etwa so angegeben:
body {
text-align:center;
width:100%;
height:100%;
}
#container {
width:900px;
height:100%;
text-align:left;
}
so hat der Container eine feste Breite, hier 900px, in die alle anderen Layer geschrieben werden. Durch das zentrieren im Body wird Container in der Mitte angezeigt. aber vielleicht gibt es auch andere gute Methoden.