trやthタグでのbordercolor指定について

[新着] Webテンプレートを仮オープンしました

0   名前： ピッツ ： 2007/05/08（火） 16:20  ID:l0B1LUHh sub-Km
【何をしたいのか】
→ table bordercolorが黒で、th（またはtr） bgcolorも黒の場合、th部分の線が（背景と線の色が同じ黒の為）見えなくなってしまうので、thにbordercolor白を入れて、線が見えるようにしようとしました。

【現在の状況】
→ IE6で見た場合は、思うとおりに表示されたのですが、Firefoxではやはりth部分の線が見えないままです。
IE以外のブラウザでもちゃんと線が見えるような表を作るには、どのようにしたらできるのでしょうか？

宜しくお願いします。
1   名前： 匿名 ： 2007/05/08（火） 16:20  ID:l87qFG/r sub-o5
現在のソースまたは、アップされているURLをお伺いしてもよろしいでしょうか？
推測しながら出す答えは、徒労に終わることが多いものですから。
よろしくお願いします。
2   名前： ピッツ ： 2007/05/08（火） 16:20  ID:l0B1LUHh sub-Km
▼問題のテーブルソースです

<table border="1" bordercolor="#000000" style="border-collapse:collapse">
<tr bordercolor="#FFFFFF" bgcolor="#000000">
<th><font color="#FFFFFF">タイトル1</font></th>
<th><font color="#FFFFFF">タイトル2</font></th>
<th><font color="#FFFFFF">タイトル3</font></th>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
<tr>
<td>内容4</td>
<td>内容5</td>
<td>内容6</td>
</tr>
</table>

ソースを載せてみると、質問に過不足があることが分かりました。
tableタグで、線色＝黒にしています。
<table border="1" bordercolor="#000000" style="border-collapse:collapse">

最初のtrタグで、線色＝白、背景色＝黒にしています。
<tr bordercolor="#FFFFFF" bgcolor="#000000">

宜しくお願いします。
3   名前： アヤ ： 2007/05/08（火） 16:20  ID:I/L72zbC sub-0y
スタイルと分けてしまいましたが、以下のような感じにすれば、多分ご希望の通りになるのかなと。

■CSS部分
<style type="text/css">
<!--
table {border:#000 solid 1px;border-collapse:collapse;}
th {border-right:#fff solid 1px; background-color:#000; color:#fff;}
th.migi {border-right:#000 solid 1px; background-color:#000;} /*一番右のth用*/
td {border:#000 solid 1px;}
-->
</style>
■HTML部分
<table>
<tr>
<th>タイトル1</th>
<th>タイトル2</th>
<th class="migi">タイトル3</th>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
<tr>
<td>内容4</td>
<td>内容5</td>
<td>内容6</td>
</tr>
</table>

#ちなみに、border-collapseで線を重ねた場合、IEではtableの外枠が優先して表示され、Ffでは内部の枠が優先して表示されます。thやtdの間の枠はIE、Ff共に横線は上段、縦線は右列の枠優先です。
4   名前： ピッツ ： 2007/05/08（火） 16:20  ID:l0B1LUHh sub-Km
やはり、CSSを使わないと表示できないのですね。
解答例をありがとうございました。
一覧へ戻る