[nixtypo]

In einen ContentBereich lade ich 3 Bilder nebeneinander (ohne Text).
Bei der Darstellung im Firefox zeigen diese Bilder keinen Abstand dazwischen,
während ich im Internet-Explorer links und rechts von jedem Bild drei Pixel Abstand
angezeigt bekomme. Ich kann machen was ich will und im Stylesheet
sämtliche relevanten margin und padding der verwendeten Klassen auf 0 setzen,
was leider nichts ändert, wie bekomme ich den Abstand zwischen den Bildern
unter Kontrolle ?

[Kurt51]

Zitat von nixtypo

In einen ContentBereich lade ich 3 Bilder nebeneinander (ohne Text).
Bei der Darstellung im Firefox zeigen diese Bilder keinen Abstand dazwischen,
während ich im Internet-Explorer links und rechts von jedem Bild drei Pixel Abstand
angezeigt bekomme. Ich kann machen was ich will und im Stylesheet
sämtliche relevanten margin und padding der verwendeten Klassen auf 0 setzen,
was leider nichts ändert, wie bekomme ich den Abstand zwischen den Bildern
unter Kontrolle ?

Das wird evtl. der "3-Pixel-Jog-Bug des IE sein!? Such mal danach bei Google.

[Armin]

@nixtypo

Das hat nix mit T3 zu tun, deswegen verschoben. Bitte demnächst darauf achten richtig zu posten!

Armin

[Würmchen]

Ich habe den umgekehrten Fall.
Eine Spalte mit mehreren Bildern macht mir Probleme. Folgendes ist Tatsache:
1. Der IE7 stellt die Bilder (meistens) ohne Abstand untereinander dar.
2. Firefox fügt einen kleinen Abstand ein (gefällt mir besser).
3. Dieser Abstand ist leider nicht immer gleich groß, sondern ab und zu etwas größer....

Bei Bilderzeilen, also nebeneinander platzierten Bildern, machen beide Browser einen kleinen Abstand, das ist ok so.

Man kann doch diese Abstaände bestimmt irgendwo in den Constants einstellen...
Mich würde interessieren wie...

Gruß, Würmchen

[Roland243]

Je nach eingestelltem Doctype kann ein vertikaler Abstand schon mal durch Leerzeichen oder Zeilenumbrüche im Quelltext entstehen. Ich benutze immer strict und sorge dafür, dass die Tags im Quellcode aneinander anschliessen, dann gibt es keine Abstände.
Die Vermeidung horizontaler Abstände kann man sicherstellen, indem man die Bilder in einem Element mit der Style-Eigenschaft line-height: 0px platziert, natürlich nur, wenn kein Text vorkommt.
Um das mit TYPO3 zu erreichen, habe ich mir die Rendering-Funktion für Bilder neu definiert und dann noch eine Funktion, die abschliessend den Quellcode filtert (so ähnlich wie tidy).

[Würmchen]

Oha, ich befürchte, mit meinem Kenntnisstand in Sachen Typo3 wird das nix.
Das erscheint mir auch zu viel Arbeit und zu viel Bastelei. Sollen die Leute mit den unterschiedlichen Abständen leben. Ein CMS erfordert eben Opfer.
Aber danke für die Hilfe.

[worCOhOLic]

Vielleicht hilft dir dieser Artikel ja weiter...