テーブルのセルの幅

質問

質問1
今時のテーブルのセルの幅をしてする方法を教えてください

タグ打ちできます。CSSできます

ie7、8対応しているほうが望ましいです

質問2
colで設定する方法とthにcssで設定する方法どちらがいいのですか？

回答No.1

ORUKA1951 · ベストアンサー

tableのセル幅を指定するには、セレクタで指定すれば良いです。
tdやth--要素セレクタ--ひとつだと、詳細度は[0,0,0,1]ですから、さらに特定のセルを指定するなら、th + td　とか隣接セレクタなどで、指定すれば良いです。
　特定のtableでしたら、table要素に必須のsummary属性がありますから、
table[summary="test"] td{width:10em;}
　とか属性セレクタをつかって指定していきます。
　ie7は、CSS2.1の要素セレクタや隣接セレクタなどに対応していませんから、classを使用するなどの工夫が必要です。
table[summary="test"]{
border-collapse:collapse;
border:solid 2px black;
}
table[summary="test"] th,
table[summary="test"] td{
border:solid 1px gray;
width:10em;
}
table[summary="test"] tr>th{
width:5em;
}
table[summary="test"] tr th + td + td{
width:20em;
}
とか・・
　その状況状況に合わせて、文書構造を確認してセレクタを使って指定していく。

お礼

ありがとうございました