センタリング
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)
となる。