borderの色がIE6で反映されない

Webサイト作成 トラブル
css

テーブルの枠線(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のほうを変更する必要はありません。

カテゴリーcss

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です