サイトコンテンツを常にウィンドウの中心に配置されるようにします。「ページのサイズを固定して中央に配置」と違い、フレームを用いませんので、いろんなサイズのテーブルや画像を中心に配置することができます。
ただし、コンテンツのサイズがウィンドウの大きさを超えてしまうと中央に表示されません。

→ Sample: ウィンドウの中心に配置する

全てのページの大きさをテーブルなどを用いて固定すると、見栄えの良いサイトが実現できます。具体例は、私が運営するページの１つであるこちらをご覧下さい。

サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するソースです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。

→ Sample: ウィンドウの中心に配置する

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<TABLE border="0" width="100%" height="100%"><TR><TD align="center">
ここに内容を書きます
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

解説・注意点など

ブラウザいっぱいに表示されるテーブルを作成し、その中心にコンテンツを作成するようにします。

← Webデザインテクニックに戻る

eWeb