このページは以前スペースを借りていた個人運営無料ホストのトップページのレイアウト改善資料用として作ったもの。一般向けではなく内容も怪しいのだが、試行錯誤の記録として残しておく。


表(TABLE)をページの左右中央に配置する方法

[1] TABLEタグでCENTER属性の指定をする
[2] 段落タグ<P>でCENTER属性の指定をする
[3] <DIV>タグでCENTER属性の指定をする
[4] <CENTER>でTABLEを括る
[5] スタイルシートを使う(当ページでは割愛)(*1)

・下に実例を挙げる

[1] <TABLE ALIGN=CENTER>

[2] <P ALIGN=CENTER>

[3] <DIV ALIGN=CENTER>
[4] <CENTER>




Opera 6ネスケ4MSIE4MSIE3ネスケ1Lynx
<TABLE ALIGN=CENTER>××
<P ALIGN=CENTER> ××××
<DIV ALIGN=CENTER> ××
<CENTER> ×
×は左右中央にならず左寄せになるもの。例:ネスケ4は<P ALIGN=CENTER>では左右中央にならない。

Opera 6はWin32版 ver.6.0
ネスケ1、4はNetscape Communicator(Navigator) for Windows95/NT Ver.1.0x、同Ver.4.0x
MSIE3、4はMicrosoft Internet Explorer for Windows Ver.3.0x、同Ver.4.0x
LynxはWindows95版
(要するに、すべてWindows版)




(*1) スタイルシートでの中央寄せの手法については下記ページが詳しい。

 ・ Web標準普及プロジェクトブロックレベル要素をセンタリングする方法

(*2) TABLEや段落タグでの属性指定に限らず、HTML 4.0では「見た目」に関わるHTMLの要素・属性は軒並み「非推奨」とされている(FONTやBODYでの色指定も「非推奨」)。



 1998-11-27 記
 2000-01-17 ブラウザ比較表にMSIE4を追加
 2001-12-21 ブラウザ比較表にOpera 6を追加
 2002-12-10 スタイルシートで中央寄せする方法の注(リンク)を追加


ページ製作メモに戻る   ▲トップページ