Anderes Verhalten bei div mit und ohne Border

[Detlef G.]

Hallo Pierre

... nur seh ich keinen Sinn darin, dass das margin anscheinend einen Border braucht auf den es sich beziehen kann, auch wenn der Border von einem aussenstehenden Element kommt.

Zusammenstoßende Ränder sollen sich nicht addieren, damit bei
aufeinanderfolgenden Elementen keine doppelten Abstände entstehen.
Dadurch kann ich z.B. für Absätze margin-top und margin-bottom angeben,
ohne dass es zwischen den Absätzen zu einem doppelt so großen Abstand kommt
wie oberhalb und unterhalb dieser.
Ein Nebeneffekt dabei ist allerdings, dass dies genauso auf die Ränder
ineinanderliegender Elemente zutrifft, wo der daraus entstehende Effekt dann
etwas verwirrend ist.

Test1

Test2

Die Boxen verhalten sich genau so, wie erwartet.

Auf Wiederlesen
Detlef