picknikker: im IE7 3 Pixel Abstand nach unten nach Bild

Hallo zusammen,

leider konnte ich zu diesem speziellen Problem nichts finden und hoffe jemand kann mir hier helfen...

Der IE baut ständig einen Abstand zwischen eine Grafik und den darunter liegenden DIV-Container ein. Ich habe schon einiges ausprobiert mit "vspace", "align="left"" usw. Mit Herumtrixen bekommt man das zwar hin, aber dann ist die Darstellung im FF nicht richtig.

Kennt jemand dieses Problem? Was kann ich da machen?

  1. Hi picknikker,

    Der IE baut ständig einen Abstand zwischen eine Grafik und den darunter liegenden DIV-Container ein. Ich habe schon einiges ausprobiert mit "vspace", "align="left"" usw. Mit Herumtrixen bekommt man das zwar hin, aber dann ist die Darstellung im FF nicht richtig.
    Kennt jemand dieses Problem? Was kann ich da machen?

    MIt margin trixen.

    Grüße aus H im R,
    Engin

    1. Ist ja bestimmt nett gemeint von Dir.. aber das habe ich natürlich schon als erstes durchgetestet. Sogar mit negativem margin-Wert.. Der Abstand bleibt trotzdem. Gibt es da nicht eine Standard-Lösung?

      1. Kuckuck,

        Ist ja bestimmt nett gemeint von Dir..

        Meistens. :)

        aber das habe ich natürlich schon als erstes durchgetestet.

        Das hast du uns aber nicht verraten. Hast du es schon mit Conditional Comments probiert?
        Da gibt es ja auch die Möglichkeit, ganz bestimmte IEs anzusprechen, damit kannst du dann nur für
        den IE7 trixen, somit bleibt dein FF davon unberührt.
        Alternativ ginge auch der Star-Plus-HTML-Hack, der bezieht sich auch auf den IE7.

        Grüße aus H im R an picknikker,
        Engin

  2. Moin

    Kennt jemand dieses Problem? Was kann ich da machen?

    Das von dir beschriebene Problem ist der "White-Space-Bug" des IE.

    Es werden Leerzeichen und Zeilenumbrüche nach Bildern im Quelltext, als Space interpretiert. Folgendes hilft:

    z.B.

    <img src="irgendwas" alt="">
    <div>
    </div>

    Löst in der Regel den White-Space-Bug im IE aus.

    <img src="irgendwas"
    alt=""><div>
    </div>

    Ist zwar nicht elegant. Löst aber dein Problem auf die Schnelle. Ansonsten mal bitte im Forums-archiv suchen. Das problem wurde schon mehrfach behandelt.

    Gruß Bobby

    --
    -> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
    -> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
    ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)