nicht angemeldet
Hallo michaah
Die oberste zeile in der roten und in der blauen box sind als absatz formatiert. Der abstand, wie im styles bereich definiert, wirkt sich auf die oberste zeile der blauen box nicht aus.
Du hast ein Problem mit collapsing-margins (zusammenfallenden Rändern).
Bei der roten Box hast du dieses Problem nicht, weil diese durch float einen neuen Block formatting context erzeugt.
Abhilfe z.B. ein Border um die blaue Box, der den Margin dieser von dem der umschließenden Box trennt.
( Auch dass die rote box nicht mehr die höhe der schwarzen box bestimmt ist mir ein rätsel. Vor allem da sich der wert für den unteren rand auch nicht auf den abstand auswirkt. )
Gefloatete Elemente werden aus dem Elementfluss genommen, sie haben keinen Einfluss mehr auf andere Blockelemente, es sei denn, nachdem das Float aufgehoben wurde (clear), oder dieses Element selbst einen Block formatting context erzeugt (im IE - Hashlayout).
Lies dazu mal Grundlagen für Spaltenlayout mit CSS - Umgebungen verschachteln.
Auf Wiederlesen
Detlef
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!