スタイルシート裏の裏


第3章 スタイルシートの使い方


3-7.表(TABLE要素)


リスト関係の要素に対するスタイルシートと同じく、ブラウザ間の互換性を考えるとスタイルシートの設定には注意が必要です。

ボーダーの注意

HTMLタグと同様、Table要素へのボーダー(枠線)の設定はNN4.0ではできません

border-styleの効果は、線の太さがある程度ないと確認できませんね。(6pxぐらいほしいですね)。

ContentsIE4.0NN4.0
border-colorSolid:指定色
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に戻る ==== 前のページに戻る ==== 次のページへ