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

__________________
The only thing to do with good advice is pass it on. It is never any use to oneself. - Oscar Wilde -
#me { position: absolute; }

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.

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

__________________
The only thing to do with good advice is pass it on. It is never any use to oneself. - Oscar Wilde -
#me { position: absolute; }