tableで横幅を指定するとき。

質問

説明が下手でわかりにくいのですが、
よろしくお願いいたします。

例えば、
td二列の幅を100px、100pxづつにした場合、
table全体の幅は200pxになりますよね…。

tdで幅を100pxに指定した上で、
cellspacingで枠の余白を10pxに指定した場合、
table全体の幅はそのまま200pxで良いのでしょうか…。
それとも、cellspacingで指定した値を足した230pxにすれば良いのでしょうか。

よろしくお願いいたします。

回答No.1

atsunosuke · ベストアンサー

こんにちは。セルの余白と間隔を０にした状態であれば、table全体の幅はそのまま200pxで最適です。

<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100">&nbsp;</td>
<td width="100">&nbsp;</td>
</tr>
</table>

ただ、余白と間隔の設定をしない初期状態ですと厳密には200pxとは言えなくなります。

余白を10pxに指定した場合についても、その分だけ全体の幅を広げる必要があるといえます（セル間隔を０にした場合全体240px）。

ただ、このあたりはあまり厳密にやろうとするとはまりますし、ブラウザがよいように解釈してくれてしまうところでもあるので、最後は複数のブラウザでチェックすればよいのではないかとも思います。

お礼

解りやすい説明で参考になりました
さっそく色んなブラウザで試してみました、ありがとうございました。