tableのcellpadding="0" cellspacing="0"をCSSで

tableのcellpadding="0" cellspacing="0"をCSSで設定する方法を検索したところ、
border-collapse:collapse;
border-spacing:0;
というアドバイスが記載されていました。
実際に使ってみたのですが、
どうしてもセル余白とセル間隔が発生してしまいます。
どうしたらよいですか。

No.1 ベストアンサー 回答者： raynya 回答日時： 2005/06/07 13:03

border-spacingはborder-collapseの値がseparateのときしか有効にならないそうです。

http://www.htmq.com/style/border-spacing.shtml

サンプルが
http://www.htmq.com/style/border-collapse.shtml
にあるので参考にしてください。

# それにしてもこんなプロパティがあるとは知らなかった…

参考URL：http://www.htmq.com/style/border-spacing.shtml

この回答への補足

CSSのリファレンスサイトは結構みているつもりでしたが
こちらははじめて拝見しました。使えそうですね。
サンプルもわかりやすいので、すぐに対応できました。
ありがとうございました。

補足日時：2005/06/08 11:27

No.2 回答者： steel_gray 回答日時： 2005/06/07 13:41

cellpadding="0"に相当するのは

セルのpadding:0;です。

IEの場合border-spacingは使えないので
table{border-collapse:collapse;}
th,td{padding:0;}
こんな風にすればいいのかな？

この回答へのお礼

ありがとうございました。
相当するのは、セルの指定だったのですか。
tableとtdの両方にCSSが必要ってことですね。

お礼日時：2005/06/08 11:27