テーブルの枠線(border)の色がIE6で反映されない
CSSでtableを作ったとき、tableにborderの色指定を次のように指定しても、Firefoxでは#FF0000(赤)になりますが、IE6ではなりません。
CSSでの記述
.test{
border:#FF0000 1px solid;
border-collapse:collapse;
background-color:#F9CEE1;
}
HTMLでの記述
<table class="test"><tr><td >…以下略
IE6では、tableのborderの指定は、一番外枠のborderのことだけを指定しているようです。内側の表の中の枠線は、別途指定する必要があるんですね。
そのため、この問題を解消するには、tableのtdにborderのスタイルを記述してあげる必要があります。
(適用後)
CSSでの記述
.test{
border:#FF0000 1px solid;
border-collapse:collapse;
background-color:#F9CEE1;
}
.thread td{padding:5px;
border:#FC65A8 1px solid;}
}
※HTMLのほうを変更する必要はありません。
