Der "Fehler", den Mario begangen hat, liegt darin, daß er für seine DIV's einmal "margin-left:-380px;" und beim anderen "margin-left:-234px;" angegeben hat. Wenn man DIV's absolut positioniert, folgt auf die Angabe "position:absolute" zwingend die Zuordnung für "left" - und "margin" hat hier _für die Positionierung_ keinerlei Aufgabe (wohl aber für die Randbreiten der damit formatierten HTML-Elemente, bloß: wenn man Randbreiten definiert, hat man an der Positionierung noch nix verändert).
Diese etwas merkwürdig scheinenden Angaben bewirken, dass die Container auf dem Bildschirm zentriert werden. Das Layout hat eine Breite von 760 Pixeln, was aus den beiden CSS-Angaben leider nicht hervorging.
#header {
position:absolute;
top:5px;left:50%;
height:84px;
width:758px;
margin-left:-380px;
border:1px solid black;
background-image:url(/images/layout/headpic.jpg);
}
Diese Angabe zentriert z.B. den Kopf der Seite mit dem Titelbild. Es ist genau 760 Pixel breit und immer in Bildschirmmitte. (Beginn bei 50%, dann mit margin-left 380 Pixel nach links). Die beiden Container mit dem Menu und dem Content beruhen auf dem gleichen Prinzip.
Zum besseren Verständnis habe ich die Seite mal verlinkt. Dort habe ich noch testhalber eine feste Größe aller Container angegeben.
Mario