Onkel Schnitzel: Seite mit position:fixed zentrieren

Beitrag lesen

Hallo,

ich möchte meinen Seiteninhalt zentrieren. An sich ist ja klar wie das funktioniert. Das Problem ist jetzt, dass das darin befindliche Menü ein position: fixed; hat. Das heißt, die komplette Seite verschiebt sich in die Mitte, nur das Menü bleibt dank top:0 und left:0 wie angenagelt links oben stehen. Ich war eigentlich davon ausgegangen, dass sich fixierte Elemente genauso wie absolut positionierte am übergeordneten absoluten Element ausrichten. Machen se aber, wie ich jetzt lesen musste, nicht. Gibt es denn für dieses Problem eine Lösung?

Unten mal der Quelltext, falls es jemand ausprobieren möchte.

Gruß vom Schnitzel

<!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>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  </head>
  <body>

<div style="position: absolute; width: 600px; left: 50%; margin-left: -300px;">

<!--fixed_leiste_oben-->
      <div style="position: fixed; top: 0; left: 0; width: 600px; height: 30px; background-color: #0070C0;"></div>

<!--scrollender Inhalt-->
      <div style="width:600px; height: 1000px; margin-top: 40px; background-color: #CFCFCF;">Inhalt</div>

</div>

</body>
</html>