[Lloyd Larkin]

Hallo zusammen

Ich stehe bei einem Problem an, das ich nicht mehr zu lösen weiss.

Ich habe zwei div nebeneinander, das Linke mit float:left gefloatet, das Rechte mit margin-left platziert. Wenn ich die nun einzeln mit margin-top vom Elterndiv entfernen möchte, richtet sich das Linke mit der Höhe (plus margin-top)plötzlich am Rechten aus.
Gebe ich dem Elterndiv einen border, passt wieder alles.

Aber am besten schaut ihr es euch selber kurz an (auf das Nötigste gekürzt):
- Ohne Border (Problem)
- Mit Border

Der IE stellts übrigens beide Male so dar wie ich es gerne hätte. Ihr solltet also einen anderen Browser zum Testen nehmen


Freundliche Grüsse
Lloyd

[heiko_rs]

Stichwort "collapsing margins". Gib #container in dem Beispiel ohne border mal eine Hintergrundfarbe, dann siehst Du, was passiert. border-top wirkt den "collapsing margins" hier genauso entgegen wie z.B. padding-top: 1px;.

Ich würde eh beide divs floaten lassen, Stichwort "block formatting context". Weiterer Vorteil: Du kannst in beiden Elementen clearen, ohne daß sich dies auf das Nachbar-Element auswirkt. Apropos clearen: .clearfix bei #sidebar ist überflüssig bzw. wirkungslos, da das Element floatet.

[Lloyd Larkin]

Danke für die kompetente Antwort heiko. Die Idee beide divs floaten zu lassen ist gut, werde das im Layout umsetzen.
Das .clearfix bei #sidebar habe ich entfernt, war ein Rückstand meiner verzweifelten Versuche dem Problem auf den Grund zu kommen

Danke,
Lloyd