制作ブログ Web制作マークアップCSSレイアウト全体を画面のセンターに設定する

レイアウト全体を画面のセンターに設定する

本来であれば

#wrapper{
width:○○px;
margin:0 auto;
}

の設定だけで充分なのだが、これだとIE5が対応せず左寄せのままである。そこで全てのブラウザに対応させるためには

body{
text-aligh:centar;
}

#wrapper{
width:○○px;
margin:0 auto;
text-align:left;

}

という設定が必要になる。

この記事の動作確認環境(2007年12月15日追加)

Windows XP
IE7 IE6 Firefox2.x Opera9.x Netscape7.1
Mac OS 10.4
Safari3 IE5.2 Firefox2.x Opera9.x Netscape7.1

xml宣言

バージョン
1.0

html宣言

バージョン
xhtml1.0 strict
公開識別子
-//W3C//DTD XHTML 1.0 Strict//EN
システム識別子
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd