都道府県穴埋めゲーム

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>
何か対策は無いでしょうか?

A 回答 (1件)

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

    • good
    • 0
この回答へのお礼

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

お礼日時:2007/03/14 23:29

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


おすすめ情報