Leerzeile vor einem div mit p-Tag

[Tim Tepaße]

Hallo,

Ich habe hier im Firefox ein seltsames Darstellungsproblem. Und zwar wird über einem Div mit einem p-Tag eine Leerzeile im Firefox dargestellt. Im IE jedoch nicht. Lässt man den p-Tag weg ist die Leerzeile vor dem Div auch weg.

Mach mal zwei Experimente:

#text p {
  border-top:red;
}

Jetzt vergleiche den Abstand zwischen dem Innenraum des Divs und dem oberen Rand des Absatzes. Dann verringerst Du explizit den oberen Außenabstand des Absatzes:

#text p {
  margin-top:none;
}

Warum ist das so? Weil Firefox ein Browserstylesheet enthält, in dem es eine Regel gibt, in dem Absätze oben und unten einen Abstand von 1em kriegen. Deswegen heissen die Dinger ja auch Absätze.

Tim