molily: Grafikabstand bei xhtml 1.1

Beitrag lesen

Hallo zeebee,

ich habe ein großes xhtml 1.1 Problem: ich bekomme keinen 0px Abstand zwischen 2 Bildern (in einer Tabelle). Doch das ärgerlichste: wenn ich den DOCTYPE gegen den von html 4.01 tausche ist der Abstand korrekt. Das Problem tritt nur in Mozilla/Firebird auf, im Internet Explorer sieht es beide mal korrekt aus.

Siehe http://www.dodabo.de/html+css/img-table/, die Frage wird hier dreimal täglich gestellt. img {vertical-align:top} scheint das Problem zu lösen.

Das XHTML-Dokument löst den standards-compliant Rendermodus aus (http://www.google.at/search?q=doctype+switch), hingegen löst das HTML-Dokument den quirks mode aus, aber nur, weil keine DTD-URL bzw. kein SYSTEM identifier in der Dokumenttyp-Deklaration angegeben ist. Wenn du also im HTML-Dokument anstatt

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

folgende Dokumenttyp-Deklaration angibst:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Dann wird Mozilla das Dokument genauso anzeigen wie das XHTML-Dokument.

Ich würde dir übrigens raten, eine volle DTD-URL in der XHTML-Dokumenttyp-Deklaration anzugeben (d.h. auf http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd zu verweisen), da du offensichtlich die DTD nicht kopiert hast.

In welchem Modus das Dokument jeweils gerendert wird, kannst du im Mozilla in View Page Info -> Render Mode ablesen (Rechtsklick auf das Dokument oder Menü View oder Strg+I). Oder javascript:window.alert(document.compatMode); in die Adressleiste eingeben.

xhtml: http://www.adventureserver.de/test/xhtml.php
html: http://www.adventureserver.de/test/html.php

Mit <URL> kannst du hier übrigens anklickbare Links machen.

Ich bin schon wirklich am verzweifeln... sitze da schon eine ganze Weile dran, aber wenn es geht möchte ich xhtml 1.1 benutzen.

Warum willst du XHTML 1.1 verwenden? Im Forumsarchiv http://selfsuche.teamone.de/ wirst du erfahren, warum dies keine gute Idee ist.

Ferner wirst du nachlesen können, warum pt eine ungeeignete Schriftgrößeneinheit ist und warum 8pt sowieso zu klein sind. Dein Stylesheet ist auch ineffizient aufgebaut, du brauchst nicht in jeder Regeln die Schriftformatierungen wiederholen, sie sollten sich eigentlich vererben, dies gilt natürlich vor allem für Inline-Elemente, und es bringt nichts, die Formatierungen, die du für td vergibst, auch für table und tr zu vergeben.

Das zusätzliche div, welches deine Tabelle über den Workaround für MSIE zentriert, ist übrigens überflüssig, du kannst das text-align:center direkt für body vergeben.

Grüße,
Mathias

--
»Emphasize structure through presentation« http://www.w3.org/TR/WCAG20/#structure-emphasis