Probleme beim Header fixieren

schubste schrieb:

Hallo zusammen,
Ich habe da ein kleines Problem.
Habe einen kleinen Header, den ich wie folgt oben fixiert habe.

#header {height: 130px; width: 100%; position: fixed;}

Nach dem ich das getan habe ist der Rest meiner Seite nach oben gerutscht und wird zum Teil durch den Header verdeckt. Um den Rest nun wieder unter den Header zu bringen hab ich beim nachfolgende Div (#menu) den Wert "margin-top" eingesetzt.

#menu {width: 1000px; height: 40px; margin: 0 auto; margin-top: 130px;}

Das Ergebnis hat mich nun allerdings etwas erstaunt. Nicht nur das Div #menu sondern auch mein fixierter Header wurde um den "margin-top" Wert nach unten versetzt.

Was habe ich falsch gemacht?

Danke und Grüße

Zum Vergrößern anklicken....

schubste schrieb:

Eine Frage hätte ich noch. Habe den Entwurf soeben mal mit den Internet Explorer 8 geöffnet, also mal etwas älteres ausprobiert. Dort wird der fixierte Header irgendwie nach rechts geschoben. Normaler Weise geht dieser über die ganze Seite. Gibt es dafür vielleicht auch eine Lösung?

vielen Dank im Voraus.

Zum Vergrößern anklicken....