margin-top in verschachtelten DIVs

carnz · #1 (**permalink**) 05.11.2008, 13:09

Kann mir jemand erklaeren warum das margin-top nicht innerhalb des parent div angewandt wird sondern auf das darueber liegende?

HTML-Code:

<html>
  <head>
    <title>
      test
    </title>
  </head>
  <body>
    <div style="height: 30px; width: 500px; background-color: red;">
    </div>
    <div style="height: 30px; width: 500px; background-color: green;">
      <div style="height: 10px; width: 300px; background-color: blue; margin-top: 10px;">
      </div>
    </div>
  </body>
</html>

fricca · #2 (**permalink**) 05.11.2008, 13:17

"Collapsing Margins" heißt das Phänomen. Die Suchfunktion hilft.

carnz · #3 (**permalink**) 05.11.2008, 14:10

danke

Scheppertreiber · #4 (**permalink**) 05.11.2008, 14:22

Servus Fricca,

ich habe gesucht, eigentlich finde ich immer nur "Die Ursache sind "Collapsing Margins" (Suchfunktion). "

Gibt's irgendwo eine Beschreibung was das eigentlich ist ?

fricca · #5 (**permalink**) 05.11.2008, 14:42

Ich habe schon viele viele Male diverse Links dazu gepostet. Finden sich dann vermutlich in eher älteren Beiträgen.
Box model
Uncollapsing Margins (Complex Spiral Consulting)
Andy Budd::Blogography: No Margin for Error
Bei Sitepoint gibt's auch noch was:
Collapsing Margins – SitePoint CSS Reference
Und auch die Suchmaschinen sind ergiebig.

Scheppertreiber · #6 (**permalink**) 05.11.2008, 16:10

Danke ... ich hatte nach 2 Seiten Treffelisten aufgegeben ...

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Brauche Hilfe: Schwarzes Nichts	Zwox	CSS	10	19.11.2010 16:53
Problem mit einem 3D-Effekt	moep0710	CSS	12	12.06.2010 14:30
Frage zu horizontalen Linien	marvin1989	CSS	3	29.12.2009 23:35
Problem mit CSS in Joomla 1.5	noobilicius	CSS	6	25.09.2008 20:24
Linkverhalten im IE6	ChOpSueY!	CSS	19	19.05.2008 22:48