nicht angemeldet
<tr> mit der Höhe 1px / Quirk-Modus
Hallo,
der folgende Code funktioniert auf IE 6/Win (dünne rote Linie), nicht jedoch auf Mozilla 1.4/Win, Netscape 7/Win oder Safari1.0/Mac (dicke rote Linie). Offensichtlich schalten diese Browser in den Quirk-Modus, obwohl der Code lt. W3C Validation Service valid ist. Wenn ich die Doctype auf loose.dtd stelle funktioniert es auch auf den anderen Browsern.
Hat irgendjemand eine Idee worin diese Verhalten begründet ist ?
Viele Grüße
Ralph
---
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
</head>
<body style="margin:20px">
<table border="0" width="200" cellpadding="0" cellspacing="0">
<tr>
<td style="background-color:#ff3300"><img src="blind.gif" width="100" height="1" alt=""></td>
</tr>
</table>
</body>
</html>
---
-
hi
unter NN 7 (winNT) und MOZ 1.4 (winNT) bekomme ich das gewünschte angezeigt.
kann deine beobachtung also nicht bestätigen.so long
ole
(8-)>--
Die Summe aller menschlichen Intelligenz ist eine Konstante.
Das Problem ist das Bevölkerungswachtum...
sh:( fo:) ch:| rl:° br:& n4:° ie:% mo:} va:| de:] zu:| fl:( ss:) ls:\ js:|
If you can't beat 'em...eat 'em ! -
Hallo Ralph,
der folgende Code funktioniert auf IE 6/Win (dünne rote Linie), nicht jedoch auf Mozilla 1.4/Win, Netscape 7/Win oder Safari1.0/Mac (dicke rote Linie). Offensichtlich schalten diese Browser in den Quirk-Modus
Im Gegenteil! Sie rendern W3C-gerecht, MSIE macht den Fehler (selbst im standards compliant mode).
Sie rendern durchaus im standard-compliant mode. Das kannst du auch im Mozilla in den Eigenschaften des Dokuments (Rechte Maustaste auf das Dokument -> Eigenschaften oder ähnlich) nachlesen, oder per JavaScript abfragen, via document.compatMode.Siehe einmal wieder http://www.dodabo.de/html+css/img-table/... display:block für das Bild und/oder font-size:0 und line-height:0 bzw. 1px sollten dein Problem aus der Welt schaffen. Siehe Archiv...
Grüße,
Mathias -
Hallo,
der folgende Code funktioniert auf IE 6/Win (dünne rote Linie), nicht jedoch auf Mozilla 1.4/Win, Netscape 7/Win oder Safari1.0/Mac (dicke rote Linie). Offensichtlich schalten diese Browser in den Quirk-Modus, obwohl der Code lt. W3C Validation Service valid ist.
Nein, im Gegentum ;-)). Sie wenden den Standard konsequent an. Dort ist Festgelegt, dass Grafiken, als Inline-Elemente, auf der Grundlinie stehen. Die zusätzliche Höhe der Tabellenzelle ergibt sich aus der Zeilenhöhe inklusive dem Platz für Unterlängen bei Buchstaben wie "g, q, µ ...".
Wenn ich die Doctype auf loose.dtd stelle funktioniert es auch auf den anderen Browsern.
Ja, _dann_ im Schlampermodus.
Lösungsmöglichkeiten:
- Grafik als Blockelement darstellen lassen. display:block;
oder - Schriftgröße (font-size) und Zeilenhöhe (line-height) für diese Tabellenzelle auf 0 setzen
oder - ganz ohne Bild:
<table border="0" width="200" cellpadding="0" cellspacing="0">
<tr>
<td style="background-color:#ff3300; height:1px; font-size:0; line-height:0;"> </td>
</tr>
</table>
viele Grüße
Axel
- Grafik als Blockelement darstellen lassen. display:block;