Falscher Internet Explorer 8 Colspan Interpretation?

Question

Diese HTML-Tabelle von einigen Browsern wird falsch interpretiert, und ich kann nicht verstehen, warum:

Chrome und Outlook Anzeige der Rendering erwarte ich, wo die zweiten Zellen der 2. und 3. Linien über die vierte Zelle des Passes Zeilen 4 bis 10.

Screenshot of Chrome rendering http://www.team-logics.com/public/stackoverflow/2010-12-05-Chrome.png

Internet Explorer 8 und Opera 10 Display etwas anderes, wo die vierte Zelle der 4 bis 10 Zeilen „beginnt nach“ den zweiten Zellen der 2. und 3. Linien.

Screenshot of Internet Explorer 8 rendering http://www.team-logics.com/public/stackoverflow/2010-12-05-IE.png

Alle erraten, warum sind meine colspans et über mehrere Zeilen nicht auf die gleiche Weise interpretiert? Welche Browser sind richtig? Wie kann ich meinen Code so anordnen, dass alle wie Chrome gerendert werden?

Mein eigentlicher Code: (Sorry, schmutziger Code wird dies bedeutet eine E-Mail-Signatur sein)

<table border=0 cellspacing=0 cellpadding=0 width=400 style='width:300pt;border-collapse:collapse;border:1px solid black;'> 
<tr style='height:9.75pt'> 
    <td colspan=6 valign=top style='border:1px solid black;height:9.75pt;width:300pt;' width="400"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:1;height:12pt' height="16"> 
    <td rowspan=9 valign=top style='border:1px solid black;height:12pt;width:14.25pt' width="19"> 
    </td> 
    <td bgcolor="red" colspan=3 valign=top style='border:1px solid black;height:12pt;width:203.25pt;' width="271"> 
    </td> 
    <td rowspan=2 valign=top style='border:1px solid black;height:12pt;width: 72pt' width="96"> 
    </td> 
    <td rowspan=2 valign=top style='border:1px solid black;height:12pt;width:10.5pt' width="14"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:2;height:12pt' height="16"> 
    <td bgcolor="red" colspan=3 valign=top style='border:1px solid black;height:12pt;width:203.25pt;' width="271" height="16"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:3;height:3.75pt' height="5"> 
    <td colspan=2 valign=top style='border:1px solid black;height:3.75pt;width:170.25pt' width="227" height="5"> 
    </td> 
    <td colspan=3 rowspan=7 valign=top style='border:1px solid black;height:3.75pt;width:115.5pt' width="154"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:4;height:11.25pt' height="15"> 
    <td valign=top style='border:1px solid black;height:11.25pt;width:27.75pt' width="37"> 
    </td> 
    <td valign=top style='border:1px solid black;height:11.25pt;width:142.5pt' width="190"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:5;height:11.25ptpt' height="15"> 
    <td valign=top style='border:1px solid black;height:11.25pt;width:27.75pt' width="37" height="15"> 
    </td> 
    <td valign=top style='border:1px solid black;height:11.25pt;width:142.5pt' width="190" height="15"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:6;height:3.75pt' height="5"> 
    <td colspan=2 valign=top style='border:1px solid black;height:3.75pt;width:170.25pt' width="227"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:7;height:11.25pt' height="15"> 
    <td colspan=2 valign=top style='border:1px solid black;height:11.25pt;width:170.25pt' width="227" height="31" > 
    </td> 
</tr> 
<tr style='mso-yfti-irow:8;height:23.25pt' height="31"> 
    <td colspan=2 valign=top style='border:1px solid black;height:23.25pt;width:170.25pt' width="227"> 
    </td> 
</tr> 
<tr style='mso-yfti-irow:9;mso-yfti-lastrow:yes;height:50.25pt' height="67"> 
    <td colspan=2 valign=top style='border:1px solid black;height:50.25pt;width:170.25pt' width="227"> 
    </td> 
</tr> 
</table> 

Answer 1

Ich war mir nicht sicher wo ich dieses Problem posten sollte, also postete ich es auch bei DocType.

bekam ich meine Antwort gibt: http://doctype.com/incorrect-internet-explorer-8-colspan-interpretation

Ich musste auch die in meinem angeben.

Answer 2

Es wahrscheinlich, dass der Spalt für viele nicht hilft, haben Sie Sowohl eine CSS-Breite (angegeben im style-Attribut) als auch eine tatsächliche Breite. Diese beiden Werte scheinen unterschiedlich zu sein, und ich würde vermuten, dass es einen Unterschied gibt, wie die Browser entscheiden, welche zu verwenden sind. Versuchen Sie, die Duplizierung zu entfernen und sehen Sie, was passiert.