wahsaga: Div neben- und untereinander anordnen

Beitrag lesen

hi,

Das Script

Script? Welches Script ...?
*scnr*

scheint zwar zu funktionieren, aber es ist m. E. völlig unlogisch,  warum ich in box3 und box4 bei "top:" den doppelten Abstand angeben muss, um den richtigen Abstand zu den oberen Divs zu erhalten. Kann mir dies jemand erklären?

Weil du relative Positionierung benutzt hast.

Die beiden oberen Elemente hast du mit top:36px um 36 Pixel weiter nach unten "verschoben" in Bezug auf die Position, die sie im normalen Fluss einnehmen würden.
Da der ursprüngliche Platz eines Elementes im normalen Fluss bei relativer Positionierung bekanntlich reserviert bleibt, beginnt die Position der beiden unteren Elemente dort, wo die _ursprüngliche_ Platzreservierung der beiden oberen endet [1].
Also musst du, um diese unteren Elemente wiederum um 36 Pixel von ihren Vorgängern zu "entfernen", zunächst den Versatz dieser Vorgänger "nachholen" - macht 36px - und darauf die "neuen" 36px draufaddieren - ergibt 72px.

[1] Dass sich die unteren Elemente überhaupt an den gefloateten oberen ausrichten, liegt hier natürlich daran, dass die unteren ebenfalls gefloatet sind. Andernfalls würden sie von der Position der oberen, die durch das floaten aus dem Elementfluss genommen sind, gar nicht mehr beeinflusst werden.

gruß,
wahsaga

--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }