サイトを画面の中央に配置する～ドリル式ホームページの作り方

サイトを画面の中央に配置する

firefoxをお使いの方は、すでに中央に配置されていると思うので問題ありませんが、IEを使っているヒトは画面の左にサイトがよっていると思います。

これがIEのバグかどうかはわかりませんが、firefoxなどのモダンブラウザで中央配置させたいときは、

div#a1234 {
position:relative;
margin:auto;
width:○○px;
}

を指定（position:relativeは基点の移動、margin:autoは上下左右の余白をブラウザに任せる、widthどこが中央かを明らかに）すればよいですが、IEで中央は位置させたいときは、

body {
text-align:center;
}

としますが、全ての文章が中央ぞろえになってしまうので、

#b1,#b2,#b3,#b4 {
text-align:left;
}

で元に戻します。

もうすでに、margin:autoは指定してあるので、IEのために以下の記述を追加します。

body {
text-align:center;
background:#555;
}
#b1,#b2,#b3,#b4 {
text-align:left;
}