- 締切済み
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> </td><td rowspan="2">text</td><td class=none> </td></tr> <tr><td class=none>text</td><td td class=none> </td></tr> <tr><td rowspan="2">test</td><td class=none> </td><td rowspan="2">text</td><td class=none> </td></tr> <tr><td class=none>text</td><td td class=none> </td></tr> <tr><td class=none> </td><td td class=none> </td><td class=none> </td><td class=none> </td></tr></tbody> </table> </BODY> </HTML> 何か対策は無いでしょうか?
- みんなの回答 (1)
- 専門家の回答
みんなの回答
描画バグな気がする 再現できるし。
お礼
ご回答ありがとうございます。 質問してから自分でいろいろやってみて、 td.none{border:none;} を td.none{border:0px solid;} にすれば意図した通りの表示となりました。 調査中にやはりFireFoxでcollapseを使うと枠線が消えてしまうバグがあるというのを見つけました。 今回のこれもバグになるんでしょうかね?