Hallo,
Du arbeitest in deinen Klassen mit
left: 50% ; .
Dein Header ist 1200 Pixel breit .
Bildschirmmitte wäre immer margin-left: 0px;
Linke Außenkante vom Header wäre dann margin-left: -600px; (Minuszahl)
Rechte Außenkante vom Header wäre margin-left:600px; (Pluszahl)
600 + 600 = 1200 (Deine Headerbreite) .
Das heißt, um deinen Header nach links oder rechts zu verschieben ,
müsstest du mit margin-left: arbeiten .
Für dich absolut mittig wäre er bei margin-left:-600px; (Minuszahl).
Du solltest beim gestalten der Homepage auf die Besucher achten,
die eine Bildschirmauflösung von 1024 x 768 haben .
Soll links und rechts noch ein sauberer Abstand zum Bildschirmrand bleiben ?
Dann sollte Dein Homepage-Design, bzw Dein Header die Breite von 980 Pixel nicht überschreiten .
Headerbreite 980 : 2 = 490px;
Um einen 980 Pixel breiten Header für alle Bildschirmauflösungen mittig zu
platzieren , müsste #header_container das
margin-left:-490px; bekommen
Gruß Wolfgang