FF fügt grauen Bereich über Header ein - IE nicht

[the0bone]

Moin, mir ist irgendwie kein besserer Titel eingefügt.

Und zwar hab ich ein Problem mit der Darstellung im FF. Ich bin der Meinung mein Code ist richtig und ich habe den auch schon zig mal überprüft.
Und Firtefox (egal ob 1.5 oder 2.0) verrückt mir den Inhalt um einen grauen Bereich nach unten und der IE zeigt diesen nicht an.

(Dass IE Code grundsätzlich falsch anzeigt ist klar ) aber ich bekomme es im FF nicht richtig hingeschoben.

Die URL: www.bushidoalfeld.de

Danke für eure Hilfe :-)

[Boris]

Wozu gibst du dem h2 eine Höhe von 0 und ein padding-top:500px;? Gib ihm doch einfach eine Höhe von 500px und lass den Text mit text-indent verschwinden.

[the0bone]

Gefällt dir so besser?
Bringt aber nichts am Problem

[Boris]

Hätte ja sein können

Setz mal auch alle Abstände aller Elemente auf 0, sprich so:

*
{
margin: 0;
padding: 0;
}

Packs in die erste Zeile in deinem CSS. Hilfts?

[the0bone]

Hilft schon, aber er vererbt das ja auf alle Elemente... also auch da, wo ich nen Abstand haben möchte...

Zumindest ist das Grau im #header definiert gewesen.
Aber ich habe weder in H1 oder H2 des Header ein padding.

Hab das jetzt mal erzwungen und in den #header, #header H1 und #header H2 den Code eingebaut... und jetzt geht es.

Und jetzt fällt mir auch der Fehler auf.
H2 hab ja nen pedding, wenn man es nicht auf Null setzt. Und das macht der FF dann :-) Ist ja auch richtig.

*LOL* So einfach kann die Welt sein!

Super, danke!!!

[Boris]

Alle Browser haben unterschiedliche Standardabstände bei den Elementen. Daher hat man in dem einen Browser mal keinen Abstand, im anderem dann schon.

Daher ist es eine gute Idee, alle Standardabstände halt auf 0 zu stellen und dann auf Wunsch bei den Elementen den Abstand mit margin und padding festzulegen. Solltest du dir angewöhnen