Daniel N.: martin-top fehlt - was bedeutet offset?

Beitrag lesen

Hallo,

irgendein - in meinem Beispiel entscheidendes - Detail ist mir vermutlich entgangen. In dem folgendem simplen Beispiel habe ich eine Überschrift in einem <div> eingefügt. Diese Überschrift hat einen margin-top (50px), der leider nicht erscheint.

Firebug zeigt mir für diese 50px ein "offset" an. Was habe ich übersehen bzw. was bedeutet dieses Offset und warum erscheint mein margin-top nicht?

Das Beispiel:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  
<html>  
<head>  
<title>Problem mit einem margin-toptitle>  
</head>  
  
<body>  
  
<div style="margin: 0; padding: 0; background-color: yellow;  
            width: 500px; height: 500px;">  
  
<h1 style="margin: 50px 0; background-color: lime;">Überschrift 1</h1>  
  
<div style="background-color: lime;">und was darunter, ohne eigene  
Abstände.</div>  
  
</div>  
  
  
</body>  
</html>  

Vielen Dank und viele Grüße
Daniel