Luchador: IE6 Problem mit float:left und margin

Hallöchen,

also ich habe folgende Konstruktion:

<div id="blau"></div>
<div id="rot"></div>

der blaue hat nen float left und ist 100px breit.
Der Rote hat keinen float und nen margin-left von 100px.

Im IE7 und FF wird der rote direkt rechts neben dem blauen angezeigt, ohne irgendeinen störenden abstand.
Im IE6 sind zwischen dem roten und dem blauen nochmal 3px abstand. Das heißt der Rote hat im Grunde genommen einen margin-left von 103px und nicht von 100px.
Woran liegt das?

bitte um schnelle Hilfe, danke im vorraus

liebe grüße

  1. Hi,

    Im IE6 sind zwischen dem roten und dem blauen nochmal 3px abstand.

    Woran liegt das?

    Vermutlich am altbekannten IE6 Three Pixel Text-Jog.

    bitte um schnelle Hilfe

    Das "schnell" lass doch bitte das naechste mal weg, Danke.

    MfG ChrisB

    --
    „This is the author's opinion, not necessarily that of Starbucks.“
    1. Danke für die Antwort, funktionierte aber leider nicht so

      Das HTML-Markup war genauso wie beschrieben. Es gab also garkeine p-elemente.

      Aber trotzdem Danke für den Link, ich konnte durch den Namen des Bugs zu dieser Lösung finden:
      http://www.reblo.de/forum/showthread.php?p=14

      und entschuldige das "schnell", sollte nicht unfreundlich und fordernd wirken.

      liebe grüße

      1. Hi,

        Danke für die Antwort, funktionierte aber leider nicht so

        Das HTML-Markup war genauso wie beschrieben. Es gab also garkeine p-elemente.

        Dann lerne mal von einem Beispiel zu abstrahieren, du Fuchs.

        Aber trotzdem Danke für den Link, ich konnte durch den Namen des Bugs zu dieser Lösung finden:
        http://www.reblo.de/forum/showthread.php?p=14

        Die dortige Ueberschrift "Die Loesung des 3 Pixel Text-Jog (Bug) im Internet Explorer" laesst mich ja jetzt doch recht stark vermuten, dass es sich da um ein und das selbe dreht ...

        MfG ChrisB

        --
        „This is the author's opinion, not necessarily that of Starbucks.“