nicht angemeldet
beim Versuch meinen HTML-Code HTML 4.01 Strict zu machen, bin ich auf ein Phänomen im Mozilla gestoßen, das ich mir bisher nicht erklären kann.
Die HTML-Seite besteht aus einer Tabelle mit genau eine Zelle, in der sich ein einzelnes Bild befindet. Der Rahmen der Tabelle ist sichtbar. Wenn ich der Seite einen Transitional-Doctype verpasse, wird die Seite so dargestellt, wie ich dies erwarten würde: Das Bild wird abstandsfrei mit dem Rahmen der Tabelle umgeben. Setze ich aber den Strict-Doctype, zeigt der Mozilla unter dem Bild einen Abstand von etwa 5 Pixeln zum Rand an.
Im Forums-Archiv fand ich unter http://forum.de.selfhtml.org/archiv/2002/4/9694/ ein ähnliches Problem, das durch die Angabe "vertical-align:bottom;" behoben werde konnte.
Bilder stehen per Definition auf der Basisline einer Zeile (siehe http://www.w3.org/TR/html4/struct/objects.html#h-13.7.4, align=bottom). Auf dieser Linie stehen alle Buchstaben mit Ausnahme jener, die noch ein "Kellergeschoss" haben wie zum Beispiel g und j. Der Abstand, den Du bei Dir unter dem Bild siehst, ist genau die Höhe dieses "Kellergeschosses".
vertical-align:bottom kann Dir insofern nicht helfen, als das es die _gesamte_ Zeile ganz unten in die Tabellenzelle setzt; das untere Ende einer Zeile ist aber nicht die Basislinie, sondern dazu gehört eben auch noch der Keller.
Was Dir hilft: Aus dem Bild mittels display:block ein Blockelement machen, alternativ auf Tabellenlayout oder auf den strict-Modus verzichten.
Gruß,
soenk.e