Vinzenz Mai: margin-top fehlt nicht ...

Beitrag lesen

SELF-Forum

margin-top fehlt nicht ...

Vinzenz Mai
– Informationen zu den Bewertungsregeln

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.

wo nicht erscheint.

<!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>

  
ergibt völlig erwartungsgemäß einen 50-Pixel breiten Bereich in hellblau (meiner Browserhintergrundfarbe), darunter die Überschrift in einem Grünton, darunter ist 50 Pixel breit Dein gelber div-Hintergrund zu sehen. Es folgt mit grünem Hintergrund der Text im inneren div-Element, danach der Rest Deiner 500 Pixel in Gelb und darunter hab' ich wieder mein nettes babyblau.  
  
Was erwartest Du? Siehst Du gar etwas anderes?  
  
  
Freundliche Grüße  
  
Vinzenz
Beitrag melden
–
Informationen zu den Bewertungsregeln