TS: Margin beim FF 38.0.5 und 39.0

Beitrag lesen

Hallo und guten Morgen,

gilt der Margin beim Body-Element eigentlich rundherum, also links, rechts, oben, unten?

Ja.

Der obere Margin fällt mit dem des Elementes zusammen

Das hört sich noch "Collapsing Margins" an. Das Verhalten ist bei allen Browsern so vorgesehen.

Das war mir klar. Es funktioniert, wie erwartet.

der linke wird aufaddiert

Korrektes Verhalten.

Warum ist das links anders geregelt, als oben?

Der Rechte wird immer unterschlagen. Muss ich das verstehen?

Das wird nichts mit dem Firefox zu tun haben sondern an deinem fehlerhaften Quelltext.

<!Doctype html>
<html>
<head>
    <meta charset="utf-8">
    <style type="text/css">
    
        body {
            margin: 10px;
        }

        #panorama {
            width: 2000px;
            height: 800px;
            background: #FFFF80;
            z-index: -3;
            border: 1px solid blue;
            /* margin: 20px; */
        }
        
        #content {
            margin-top: -500px;
            margin-left: 300px;
            min-height: 200px;
            width: 300px;
            background: #FF0000;
            border: 1px solid blue;
        }
    
    </style>
    <title>Margins</title>
</head>
<body>

    <div id="panorama">
   
    </div>

    <div id="content">
        Hallo, hier steht Text, ganz viel Text, noch mehr Text,
        Hallo, hier steht Text, ganz viel Text, noch mehr Text
        Hallo, hier steht Text, ganz viel Text, noch mehr Text,
        Hallo, hier steht Text, ganz viel Text, noch mehr Text
        Hallo, hier steht Text, ganz viel Text, noch mehr Text,
        Hallo, hier steht Text, ganz viel Text, noch mehr Text
        Hallo, hier steht Text, ganz viel Text, noch mehr Text,
        Hallo, hier steht Text, ganz viel Text, noch mehr Text
        Hallo, hier steht Text, ganz viel Text, noch mehr Text,
        Hallo, hier steht Text, ganz viel Text, noch mehr Text
        Hallo, hier steht Text, ganz viel Text, noch mehr Text,
        Hallo, hier steht Text, ganz viel Text, noch mehr Text
        Hallo, hier steht Text, ganz viel Text, noch mehr Text,
        Hallo, hier steht Text, ganz viel Text, noch mehr Text
        Hallo, hier steht Text, ganz viel Text, noch mehr Text,
        Hallo, hier steht Text, ganz viel Text, noch mehr Text
        Hallo, hier steht Text, ganz viel Text, noch mehr Text,
        Hallo, hier steht Text, ganz viel Text, noch mehr Text
        Hallo, hier steht Text, ganz viel Text, noch mehr Text,
        Hallo, hier steht Text, ganz viel Text, noch mehr Text
    </div>


</body>
</html>

Wo steckt denn der Fehler? Der Nu-Validater hat nichts gemeckert.

Grüße
TS