IEデフォルトのテーブルボーダー



0   名前: NullPo : 2006/12/05(火) 14:04  ID:Z0FHbpib
【何をしたいのか】
IE6.0を使用しています。
テーブルボーダーを使用した際のデフォルトの表示をスタイルシートで再現したいです。

具体的には上のテーブルと下のテーブルの見た目を同じにしたいのです。
<table border="1">
 <tr>
  <td><br></td><td><br></td>
 </tr>
 <tr>
  <td><br></td><td><br></td>
 </tr>
</table>

<table style="border-style:solid; border-width:1px;">
 <tr>
  <td style="border-style:solid; border-width:1px;"><br></td>
  <td style="border-style:solid; border-width:1px;"><br></td>
 </tr>
 <tr>
  <td style="border-style:solid; border-width:1px;"><br></td>
  <td style="border-style:solid; border-width:1px;"><br></td>
 </tr>
</table>


よろしくお願いします。

1   名前: くいん : 2006/12/05(火) 14:04  ID:rbRHv8MX
見た目を同じにしたいだけなら、個々に色を設定すればOKだと思います。
線の色は指定したい色によって微調整が必要かと思います。
※なので色指定は適当にあてはめました。


<table border="1">
 <tr>
  <td><br></td><td><br></td>
 </tr>
 <tr>
  <td><br></td><td><br></td>
 </tr>
</table>
<table style="border-top:1px solid #ccc; border-right:1px solid #888; border-bottom:1px solid #888; border-left:1px solid #ccc;">
 <tr>
  <td style="border-top:1px solid #888; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #888;"><br></td>
  <td style="border-top:1px solid #888; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #888;"><br></td>
 </tr>
 <tr>
  <td style="border-top:1px solid #888; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #888;"><br></td>
  <td style="border-top:1px solid #888; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #888;"><br></td>
 </tr>
</table>


もしくはこれでまとめてしまうとか。

<style>
<!--
table {border-top:1px solid #ccc;
       border-right:1px solid #888;
       border-bottom:1px solid #888;
       border-left:1px solid #ccc;}
td {
    border-top:1px solid #888;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #888;
    }
-->
</style>

<table>
 <tr>
  <td><br></td>
  <td><br></td>
 </tr>
 <tr>
  <td><br></td>
  <td><br></td>
 </tr>
</table>

2   名前: NullPo : 2006/12/05(火) 14:04  ID:Z0FHbpib
>>1
天才だ!
ありがとうございます。

一覧へ戻る