センタリング

bodyのセンタリング。左右の余白幅を同じにする方法。

モダンブラウザではスタイルシート
body{
margin-left:auto;
margin-right:auto;
}
と書けばよい。

が、これは古いIEや互換モードでは読み込めないので左詰めで表示されてしまう。

古いIEや互換モードでは
text-align:center;
で指定する。

要は、
body{
margin-left:auto;
margin-right:auto;
text-align:center;
}

ところがこれではbody内の文字までも全てセンタリングされてしまうので、body内にもうひとつdiv要素などを作りtext-align:left;と指定する。

ex)
#container{
text-align:left;
}


htmlファイルでは

(body)
(div id="container")

内容

(/div)
(/body)

となる。