kann mir bitte jemand erklären, warum ich einen Doctype von
habe <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
und
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
rendern den folgenden Block unter firefox anders?
%Vor%unter Verwendung von 'Transitional' gibt es keinen Leerraum unter dem Bild, mit 'Strict' gibt es!
2. Frage, mit strengen, ist es überhaupt möglich, diese Leerzeichen zu entfernen?
Wie Sie in dieser Tabelle sehen können, ist der erste Doctype triggers quirks Modus in allen Browsern, die Sekunde wird den Standardmodus auslösen.
Der Rest dieser Geschichte wird in Bildern, Tabellen und Mysterious Gaps fortgesetzt:
Die erste Wahl, und eine, die es wird arbeite für die meisten grafisch intensiven Designs, ist das Bild von konvertieren ein Inline - Element zu einem sein Block-Level-Element. Mach das und es erzeugt keine Linienbox mehr und so das Problem verschwindet - vorausgesetzt, dass Das Bild ist das einzige, was belegt diese Tabellenzelle. In dem Im einfachsten Fall könnten wir einen Stil hinzufügen so:
%Vor%
Mein Verdacht ist, dass der weiße Bereich innerhalb des Markups (z. B. die Zeilenumbrüche und Tabs, die den Tabellencode gut lesbar machen) fehlerhaft ist. Ich habe zuvor ähnliche Probleme festgestellt, bei denen Platz im Markup zu störendem Platz auf dem Bildschirm geführt hat, auch wenn es keinen Unterschied macht (z. B. zwischen <li> -Tags).
Versuchen Sie, das Tabellen-Markup auf eine einzelne längere Zeile zu reduzieren.
Der erste DOCTYPE rendert Ihre Seite im fast Standardmodus :
"Fast Standards" -Modus Rendering entspricht "Standards" -Modus in allen Details mit Ausnahme von einem. Das Layout von Bildern innerhalb von Tabellenzellen wird auf dieselbe Weise gehandhabt wie der "Macken" -Modus.
Der zweite DOCTYPE rendert Ihre Seite im Standardmodus.
Tags und Links html rendering firefox xhtml-1.0-strict