<tr> mit der Höhe 1px / Quirk-Modus

[Axel Richter]

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