テーブル（表）の表示について

質問

ブラウザ（現在わかっているのはIE6、7）によって、表の表示が異なる事に悩んでます。

例えば、
<table cellpadding="5" style="border-collapse:collapse;font-size:12px;color:#000000;background:#B2DFEE;text-align:left;margin:15px 15px 15px 15px ; float: left;"><tbody><tr>
<td style="border:1px solid #000000" colspan="5"><div align="center"><b>○○</b></div></td>
</tr><tr>
<td style="border:1px solid #000000">○○○○</td>
<td style="border:1px solid #000000">○○○○</td>
<td style="border:1px solid #000000">○○○○</td>
<td style="border:1px solid #000000">○○</td>
</tr><tr>
<td style="border:1px solid #000000">○○</td>
<td style="border:1px solid #000000">○○○○</td>
<td style="border:1px solid #000000">○○○○</td>
<td style="border:1px solid #000000">○○</td>
</tr><tr>
<td style="border:1px solid #000000">○○</td>
<td style="border:1px solid #000000">○○○○</td>
<td style="border:1px solid #000000">○○○○</td>
<td style="border:1px solid #000000">○○</td>
</tr><tr>
<td style="border:1px solid #000000">○○</td>
<td style="border:1px solid #000000">○○○○</td>
<td style="border:1px solid #000000">○○○○</td>
<td style="border:1px solid #000000">○○</td>
</tr><tr>
<td style="border:1px solid #000000">○○</td>
<td style="border:1px solid #000000">○○○○</td>
<td style="border:1px solid #000000">○○○○</td>
<td style="border:1px solid #000000">○○</td>
</tr><tr>
<td style="border:1px solid #000000">○○</td>
<td style="border:1px solid #000000">○○○○</td>
<td style="border:1px solid #000000">○○○○</td>
<td style="border:1px solid #000000">○○</td>
</tr><tr>
<td style="border:1px solid #000000">○○</td>
<td style="border:1px solid #000000">○○○○</td>
<td style="border:1px solid #000000">○○○○</td>
<td style="border:1px solid #000000">○○</td>
</tr></tbody></table>

のような記述だと、右側の罫線が表示されません。

私はFirefoxを使っていて安心していたのですが、友人に指摘されて困っています。
作成した環境はwin xp MCE 2002 sp3です。
ちなみにSafariではきちんと表示されていました。

どこを直せばいいのかどなたか教えてください。
宜しくお願い致します。

回答No.1

LegaC2 · ベストアンサー

2(3?)行目の<td style="border:1px solid #000000" colspan="5">のcolspanの値が5になっていますが、これを4にするとIE7でも罫線が表示されるようになります。

colspanの値は、カラムを連結する際に使用します。
今回の場合、カラムは4つなので、5ではなく、4を指定しましょう。

お礼

回答ありがとうございました。
すみません、うっかりミスでした。
どうもありがとうございました。