abstand zwischen zwei bildern
George
- html
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!
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
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!
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
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
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
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