Jens Veerbeck: Fehler im IE: FLOAT + MARGIN in Kombination?

SELF-Forum

Fehler im IE: FLOAT + MARGIN in Kombination?

Jens Veerbeck
– Informationen zu den Bewertungsregeln

Hallo lieber HTMLer,

ich habe folgenden "lustigen" Effekt im IE 6 entdeckt, der mich zwei Stunden Testen gekostet hat:

Ich möchte ganz simpel 2 DIVs nebeneinander darstellen. In etwa so:

<div style="width:600px; height:300px; border:solid 1px;">

<div style="width:200px; height:200px; float:left; border:solid 1px; margin-left:20px;"> </div>
<div style="width:200px; height:200px; float:left; border:solid 1px; margin-left:20px;"> </div>

</div>

Im IE 6 wird nun der margin-left-Wert des linken DIVs verdoppelt! Das liegt an der Kombi aus margin-left und float. Mit padding-left oder den anderen margin-Richtungen ist alles normal.

Das äußere DIV dient nur der Veranschaulichung, dass der Effekt nicht durch ein Body-Attribut ausgelöst wird...

Kann mir jemand sagen, ob ich entweder einen Knick im Hirn habe, oder ob es eine Lösung für das Problem gibt?

Vielen Dank,
Gruß
Jens Veerbeck

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Fehler im IE: FLOAT + MARGIN in Kombination?

    Ashura Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Jens.

    Kann mir jemand sagen, ob ich entweder einen Knick im Hirn habe, oder ob es eine Lösung für das Problem gibt?

    Reichlich.

    Einen schönen Donnerstag noch.

    Gruß, Ashura

    --
    sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
    „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
    [HTML Design Constraints: Logical Markup]
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Fehler im IE: FLOAT + MARGIN in Kombination?

    Cheatah
    – Informationen zu den Bewertungsregeln

    Hi,

    Im IE 6 wird nun der margin-left-Wert des linken DIVs verdoppelt! Das liegt an der Kombi aus margin-left und float. Mit padding-left oder den anderen margin-Richtungen ist alles normal.

    korrekt. Der Bug nennt sich Doubled Float-Margin Bug.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Vielen Dank!

    Jens Veerbeck
    – Informationen zu den Bewertungsregeln

    Vielen herzlichen Dank!

    Das nächste Mal google ich selber... ;-)

    Gruß
    Jens Veerbeck

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln