見る人に優しいウエブ作成


Directory

テーブル応用編 (1)
テーブル応用編 (2)
テーブル注意事項(1)
テーブル注意事項 (2)


Contents

優しいウエブ作成
HTML入門
画像処理入門
ページレイアウト入門
スタイルシート入門
用語集
サポートタグ

+++ ページレイアウト入門(応用編)+++

戻る
次へ

■ テーブル注意事項(1)

ここでは、テーブルを使う際の注意事項を幾つか記載します。 Netscapeとinternet Explorerでは、いろんな面でテーブル表示の解釈が異なります。 下記は、テーブルに色を付けた際の見栄えの違いを示しています。CELLSPACING、CELLPADDINGをそれぞれ10に設定しています。


<BORDER="1"の場合>


Netscape Internet Explorer
CELLSPACING Netscape table image Internet Explorer table image
CELLPADDING Netscape table image Internet Explorer table image


<BORDER="0"の場合>


Netscape Internet Explorer
CELLSPACING Netscape table image Internet Explorer table image
CELLPADDING Netscape table image Internet Explorer table image

テーブルに色を付けて、記載文を記載するケースが多いと思いますが上記の様にかなり見栄えが異なっています。 特に、IEでは一部を除いてあまり変化していないので注意が必要です。 尚、上記例は、MacintoshのNetscape Navigator 4.04とinternet Explorer 4.5で実施したものです。

上記例のタグは、
<TABLE BGCOLOR="#996600" BORDER="0" CELLSPACING="xxx" CELLPADDING="xxx">
<TR ALIGN="center"><TD>A</TD><TD>B</TD><TD>C</TD></TR>
<TR ALIGN="center"><TD>D</TD><TD>E</TD><TD>F</TD></TR>
<TR ALIGN="center"><TD>G</TD><TD>H</TD><TD>I</TD></TR>
</TABLE>
となっています。<TR BGCOLOR>などにすると見栄えは、かなり近づきます。




Prev | Home | Next




Copyright(C) 1999-2000, ken_yuu All Right Reserved.