float:right und margin-right im ie

[m.klein]

hallo,

ich habe folgendes phänomen, das ich partout nicht verstehe:

wenn ich in einem div mit gegebener breiter noch ein div habe, das am rechten rand der umgebenden div positioniert sein soll (float:right), so klappt das ohne margin ganz toll.
füge ich dem inneren div jedoch einen margin-right hinzu, so zeigt der ie stets den doppelten wert an margin an. im firefox klappt's so, wie ich es mir vorstelle.

<div style="width:200px;background:red;">
    <div style="float:right;margin-right:2px;width:100px;background:green;">test</div>
    <br style="clear:both;" />
</div>

warum ist das so?
wo kommt dieser doppelte rand her?
wenn ich stattdessen padding-right nehme, so stimmt's auch.

martin

[wahsaga]

hi,

füge ich dem inneren div jedoch einen margin-right hinzu, so zeigt der ie stets den doppelten wert an margin an.

deshalb hat man diesen bug auch "double float-margin bug" benannt.
(suchstichwort!)

gruß,
wahsaga

[MudGuard]

Hi,

wo kommt dieser doppelte rand her?

Vom double-margin-bug des IE.
Such mal danach, da findet sich sicher ne Lösung irgendwo.

cu,
Andreas