Jakob Martens: Leerzeile vor einem div mit p-Tag

Beitrag lesen

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.

Hier mal ein Beispiel zur Veranschaulichung:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<style type="text/css">
body {
  margin: 0px;
}
#test {
  background-color: #CCCCCC;
}
</style>
</head>

<body>
<div id="test"><p>Text</p></div>
</body>
</html>

Woran liegt das? Und was kann man dagegen machen? Wenn ich ein br vor den p-Tag schreibe dann ist die weiße leerzeile weg, allerdings fäng der Text dann logischerweise nicht mehr oben an.

Mit freundlichen Grüßen
Jakob Martens