Sven: XHTML Strict und Mozilla / Firefox Problem

Tach zusammen!

Ich bastel zur Zeit an einem neuen Webprojekt. Dazu benutze ich XHTML 1.0. Beim Mozilla / Firefox bin ich jedoch auf ein Problem gestoßen, wenn ich XHTML Strict verwende. Schaut es euch selber im Mozilla / Firefox an:

http://www.partymensch.de/xhtml_strict.html

Seht ihr unter dem Bild die Lücke von ein paar Pixeln, bevor der Rahmen erscheint? Ja? Das sollte da eigentlich nicht sein! Wenn ihr euch den Quelltext anschaut seht ihr, dass ich explizit die Pixel für die Tabelle, Tabellenzelle und das Bild angegeben habe. Also woher kommt die Lücke? Ein Bug im Mozilla? In den Browsern IE 6, Konqueror und Opera wird das korrekt dargestellt.

Wenn ich XHTML Transitional verwende, dann geht es auch im Mozilla:

http://www.partymensch.de/xhtml_transitional.html

Würde aber lieber XHMTL Strict verwenden, weil da alle "obsolete" Tags aus HTML 4 nicht mehr unterstützt werden und somit auch aufwärtskompatibel zu XHTML 1.1 ist. Ausserdem habe ich mir schon die Mühe gemacht, die Seite XHTML 1.0 Strict konform zu gestalten ;)

PS: Bitte keine Vorschläge wie "Benutz doch für einen Rahmen CSS-Formate beim <img> Tag und keine Tabelle" :) Das ist nur ein Teil einer großen Tabelle und daher muss dieses Problem gelöst werden.

  1. Seht ihr unter dem Bild die Lücke von ein paar Pixeln, bevor der Rahmen erscheint?

    Keinen Bock zu gucken, aber ich denke, Dein Problem heißt Zeilendurchschuß. Setz' mal die line-height runter.

    1. Nachdem ich mich durch den schon recht alten Bug http://bugzilla.mozilla.org/show_bug.cgi?id=22274 gekämpft habe, habe ich eine Lösung gefunden!

      Das Bild muss mit der CSS-Eigenschaft display:block formatiert werden!

      1. Hallo,

        Das Bild muss mit der CSS-Eigenschaft display:block formatiert werden!

        Genau. Siehe auch:
        http://www.dodabo.de/html+css/img-table/

        Gruesse,

        Thomas