【HTML】セル同士の間隔を指定した時のセルの幅

質問

頑張ってHPを作っているhtml初心者です。

例えば、 border="3" cellspacing="10" width="800" と指定したテーブルに左右２つのセルがあったとします。内容は何も書いてありません。
この時片方のセルの幅を width="200" にした場合、もう片方のセルの幅は何pixelになりますか？

セル同士の間隔が0の場合は600pixelだと思ってるんですけど、間隔入れたらよく分からなくなってしまいました。

回答No.1

ORUKA1951 · ベストアンサー

＞border="3" cellspacing="10" width="800"
HTML(頭文字ですから大文字です)に後方互換のため書きますが、実際のデザインはスタイルシートで行いますので、あまり気にしなくて良いです。
　単純に
<table summary="表の説明(必須)" border="1">
　<tbody>
　　<tr>
　　　<th abbr="列の説明(必須)"></th><th abbr="説明"></th><th abbr="説明">
　　</tr>
　　<tr>
　　　<td></td>
　　　<td></td>
　　　<td></td>
とでもしておきましょう。表ですから内容の量によって伸縮すべきことになっていますから、指定してもあまり意味をなしません。
★列幅の計算 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.2.4.4 )
★11.3.3 コマのマージン ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.3.3 )

　tableは、デザインのために使用するものではありません『単に文書内容を整形する目的だけで表を用いるべきでない。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.1 )』『スタイルシートの概説 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )』から、あくまで内容の量にしたがって伸縮できるようにしておくべきです。

　そのうえで、スタイルシートで丁寧に指定しましょう。tableやcellごとの巾、上下左右の枠線の色や形、角を丸めたり、それぞれの隙間など、border属性,width属性、cellpadding属性、cellspacing属性で指定するより、はるかに自由自在にデザインできます。

お礼

回答ありがとうございます。
参考にさせていただきます(_ _)