• 締切済み

FireFoxでborder-collapseを使うと余計な枠線が表示される

FireFoxでborder-collapse:collapseを指定すると、余分な枠線が表示されてしまいます。 IEでは問題ありません。 <HTML> <HEAD> <title>TEST</title> <style type="text/css"> table { border-collapse: collapse; } td { border: 1px solid black; } td.none{border:none;} </style> </HEAD> <BODY> <table> <tbody> <tr><td rowspan="2">test</td><td class=none>&nbsp;</td><td rowspan="2">text</td><td class=none>&nbsp;</td></tr> <tr><td class=none>text</td><td td class=none>&nbsp;</td></tr> <tr><td rowspan="2">test</td><td class=none>&nbsp;</td><td rowspan="2">text</td><td class=none>&nbsp;</td></tr> <tr><td class=none>text</td><td td class=none>&nbsp;</td></tr> <tr><td class=none>&nbsp;</td><td td class=none>&nbsp;</td><td class=none>&nbsp;</td><td class=none>&nbsp;</td></tr></tbody> </table> </BODY> </HTML> 何か対策は無いでしょうか?

みんなの回答

noname#39970
noname#39970
回答No.1

描画バグな気がする 再現できるし。

MAGIQLIP
質問者

お礼

ご回答ありがとうございます。 質問してから自分でいろいろやってみて、 td.none{border:none;} を td.none{border:0px solid;} にすれば意図した通りの表示となりました。 調査中にやはりFireFoxでcollapseを使うと枠線が消えてしまうバグがあるというのを見つけました。 今回のこれもバグになるんでしょうかね?

関連するQ&A