Thorsten Steffen: Mozilla ignoriert margin-top?!

Beitrag lesen

Hi,

Leider ignoriert der Firefox auf meiner Seite die "margin-top:8px". Der hellgraue Kasten (id="main") soll 8px unter dem Menü (id="menu") erscheinen. Ich habe auch schon versucht, dem Menü margin-bottom:8px zuzuweisen, aber dass hilft auch nichts. Die Seite: http://www.fabi0312.s4.cybton.com/ (Über dem Menü kommt noch ein 100px hohes Banner).

Das Verhalten aus Firfox's Sicht logisch zu erklären würde mir auch schwer fallen ;)
Er bemisst den Abstand auf jeden Fall nicht zu deiner Navigationsleiste. Helfen würde zwar für den Firefox ein position:releative; top:8px; aber dann kommen neue Probs mit dem IE.

Woran kann das liegen? Der Code ist validiert und ohne Fehler.

Ändere deine li's von display:block; auf display:inline; und nimm das float raus, dieses ist der Kern des Übels für den Firefox.
Nutze vielmehr in deinen Links display:block; und übernimm die entsprechende Formatierung aus dem li in die Links. width:... etc

dann klappts auch mit dem Firefix :)

gruss
Thorsten