0

このHTMLテーブルは一部のブラウザで誤って解釈されており、その理由がわかりません。

ChromeとOutlookは、2行目と3行目の2番目のセルが4行目から10行目の4番目のセルを通過する、私が期待するレンダリングを表示します。

Chromeレンダリングのスクリーンショットhttp://www.team-logics.com/public/stackoverflow/2010-12-05-Chrome.png

Internet Explorer8とOpera10は、4行目から10行目の4番目のセルが2行目と3行目の2番目のセルの「後に開始」するという別の表示をします。

InternetExplorer8レンダリングのスクリーンショットhttp://www.team-logics.com/public/stackoverflow/2010-12-05-IE.png

私のcolspansとrowspansが同じように解釈されない理由は何ですか？どのブラウザが正しいですか？すべてがChromeのようにレンダリングされるようにコードを配置するにはどうすればよいですか？

私の実際のコード:(申し訳ありませんが、汚いコード、これは電子メールの署名を意味します）

<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>
4

2 に答える 2

1

この問題をどこに投稿すればよいかわからなかったので、DocType にも投稿しました。

そこで答えを得ました：http://doctype.com/incorrect-internet-explorer-8-colspan-interpretation

で も指定する必要がありました。

于 2011-01-10T14:49:40.753 に答える
0

多くの列で、CSS幅（style属性で指定）と実際の幅の両方があることはおそらく役に立ちません。これらの2つの値は異なっているように見え、ブラウザがどちらを使用するかを決定する方法に違いがあるのではないかと思います。重複を削除して、何が起こるかを確認してください。

于 2010-12-06T09:39:06.370 に答える