dedlfix: Problem mit einem 10px Abstand.

Beitrag lesen

Hi!

...und bei "Styles" siehst du, was in welcher Reihenfolge wirkt
ich finde immer noch nicht weshalb in der ersten Zeile <dt> und <ul> nicht auf der gleichen Höhe stehen.

Das ist etwas schwieriger, weil dazu Wissen notwendig ist. Collapsing Margins nennt sich das Prinzip, nach dem Abstände "einfach zusammenfallen".

Das dl#gw-treffen hat einen margin-top von 18px (Default-Browser-Stylesheet). Alle dl#gw-treffen dd ul haben einen margin-top von 10px. Dise beiden fallen zusammen. Alle dl#gw-treffen dt haben ebenfalls einen margin-top von 10px, aber auch float:left, womit sie aus dem Elementefluss sind und die Collapsing Margins nicht greifen. Alle nachfolgenden ul-Elemente kollabieren nicht mehr mit irgendwas vorhergehendem, weswegen ihr 10px und das dt-10px in gleicher Höhe sind.

Lo!