リスト関係の要素に対するスタイルシートと同じく、ブラウザ間の互換性を考えるとスタイルシートの設定には注意が必要です。
HTMLタグと同様、Table要素へのボーダー(枠線)の設定はNN4.0ではできません。
border-styleの効果は、線の太さがある程度ないと確認できませんね。(6pxぐらいほしいですね)。
| Contents | IE4.0 | NN4.0 |
|---|---|---|
| border-color | Solid:指定色 Ridge:1.5倍と2倍暗色 | デフォルトのまま |
| border-style | 指定したスタイル | デフォルトのまま |
パディングとマージンですが、中央寄せタグによるレイアウトがNN4.0で崩れますので注意が必要です。次のように、上下だけを設定しておけば問題はないようです。左右もしくは一括設定をしたとたん、中央寄せの効果が無くなってしまいます。
table,th,td {
padding-top : 6px;
padding-bottom : 4px;
margin-top : 13px;
margin-bottom : 10px;
}
<div align=center> <table border summary="IE4.0とNN4.0で同じ見栄えのテーブル"> <tr> <th>表題</th><th>備考</th> </tr> <tr> <td>項目</td><td>内容</td> </tr> </table> </div>
Indexに戻る ==== 前のページに戻る ==== 次のページへ