George: abstand zwischen zwei bildern

Hallo!

Ich habe ein sehr merkwürdiges Problem, bezieht sich scheinbar nur auf IE, denn mit Firefox ist es OK.
Also, wenn ich zwei Bilder untereinander setze entsteht ein kleiner Abstand von 4px zwischen den Bildern.
Ganz einfaches Beispiel:

<img src="bild_oben">
<img src="bild_unten">

Wenn das mein HTML Code ist, dann setzt der Firefox die Bilder (so wie es sein soll) direkt untereinander.
Der Internet-Explorer (zumindest Version 6 und niedriger) hat einen 4px Abstand zwischen den beiden Bildern.

Warum ist das so? Und wie kann man das beheben?
Danke!

  1. Moin

    Das ist ein bekanntes Problem bei IE. Einfach mal das Forum durchsuchen.

    Einfachste Lösung: Schreibe beide Bilder nebeneinander in den Quelltext.

    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:)
    1. Einfachste Lösung: Schreibe beide Bilder nebeneinander in den Quelltext.

      Hahhaha! Ich dachte das ist nicht dein Ernst, aber tatsächlich es geht.
      Das ist doch wohl ein Witz, oder? Was ist denn bloß mit dem IE los?

      Also, danke!

      1. Moin

        Das ist doch wohl ein Witz, oder? Was ist denn bloß mit dem IE los?

        Kein Witz. Es ist einer der vielen kleinen Bugs des IE. Übrigens sind das glaub ich nur 3 Pixel Abstand und nicht 4... LACH

        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:)
        1. Hello out there!

          Kein Witz. Es ist einer der vielen kleinen Bugs des IE.

          Nein, ich kann da keinen Fehler erkennen.

          Übrigens sind das glaub ich nur 3 Pixel Abstand und nicht 4... LACH

          Weder noch. Oder sowohl als auch.

          Es sind soviele, wie es in der aktuell verwendeten Schriftgröße für die Unterlängen benötigt werden.

          Änderung der Schriftgröße → Änderung des Abstands

          See ya up the road,
          Gunnar

          --
          „Und [dieses Forum] soll […] auch ein Fachforum bleiben und kein Psychologieforum werden.“ (Kirsten Evers)
      2. Yerf!

        Hahhaha! Ich dachte das ist nicht dein Ernst, aber tatsächlich es geht.
        Das ist doch wohl ein Witz, oder? Was ist denn bloß mit dem IE los?

        Das liegt daran, dass der IE, sobald nicht nur das Bild, sondern auch Text (in diesem Fall das Whitespace zwischen den Bildern) vorhanden ist, die Bilder an der Baseline ausrichtet. Der Abstand ist somit der Freiraum für die Unterlängen (wie z.b. bei einem "g"). Keine Ahnung ob das unter Bug oder Feature fällt.

        Eine andere Lösung ist ein "vertical-align:bottom" oder "display:block" für die Bilder.

        Gruß,

        Harlequin

  2. Hallo,

    <img src="bild_oben">
    <img src="bild_unten">

    Wenn das mein HTML Code ist, dann setzt der Firefox die Bilder (so wie es sein soll) direkt untereinander.

    Nur wenn Du Firefox nicht in den strengsten aller Darstellungsmodi ("Full Standards Mode") schaltest.

    Der Internet-Explorer (zumindest Version 6 und niedriger) hat einen 4px Abstand zwischen den beiden Bildern.

    und verhält sich in diesem Fall vollkommen korrekt. Daß er allerdings je nach Schreibweise die Darstellung wechselt, ist in der Tat ein Bug.

    Ansonsten siehe die anderen Beiträge.

    Viele Grüße
    Carsten