Ingo Siemon: margin-top: 10px; will nicht klappen

Beitrag lesen

Guten Tag

Ich bin noch neu auf dem CSS-Gebiet, bitte darum um etwas Nachsicht
für meine vielleicht etwas böde folgende Frage:

Ich habe eine kleine Testseite gemacht: http://www.spaceart.de/_WC3_Test.shtml.

Der Quelltext sieht folgendermassen aus:
----------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
  
<head>  
  
<meta http-equiv="Content-Style-Type" content="text/css" />  
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />  
<link rel="stylesheet" type="text/css" media="screen" href="css-screen.css" />  
  
<title>SPACEart</title>  
  
</head>  
  
<body>  
  
<h1>Neuheiten</h1>  
  
<h2>Star Wars : AT-AT (Einzelstück)</h2>  
  
<p>Es handelt sich um den Original Modell-Bausatz der Firma mpc/ERTL aus dem Jahr 1989. Die vorderen Beine und das Kontroll-Modul ("Kopf") sind beweglich. Die Base und der Snow Speeder sind nicht enthalten. -- ACHTUNG: wir haben nur ein einziges Exemplar !</p>  
  
<p>Es handelt sich um den Original Modell-Bausatz der Firma mpc/ERTL aus dem Jahr 1989. Die vorderen Beine und das Kontroll-Modul ("Kopf") sind beweglich. Die Base und der Snow Speeder sind nicht enthalten. -- ACHTUNG: wir haben nur ein einziges Exemplar !</p>  
  
</body>  
</html>

----------------------------------------------------------------

Die dazu gehörieg CSS-Datei sieht so aus:
----------------------------------------------------------------

body{  
  background-color : #235f70;  
  font-family : Arial, Verdana, Helvetica, sans-serif;  
  font-size:100.01%;  
  color: #ffffff;  
}  
  
h1, h2, p{  
  background-color: #004559;  
  padding: 5px;  
  border: 1px solid #ffffff;  
  margin-top: 10px;  
  width: 508px;  
}  
h1,h2{  
  font-weight: bold;  
  color: #fff000;  
}  
h1{  
  font-size:1.5em;  
}  
h2{  
  font-size:1.3em;  
}

----------------------------------------------------------------

Somit sollte doch der Abstand der beiden Überschriften (h1 und h2)
nach oben jweils 10 Pixel sein. Ist er aber nicht.
Kann mir jamand erklären, was ich da nun falsche gemacht habe?

Über Eure Hilfe würde ich mich wieder sehr freuen.
Gruß aus Münster
Ingo