somemo's diary

プログラマ、雑記、プログラミング関係はLinkから、数式はこっちでまとめていることが多い

【CSS】ページ全体を中央寄せにする

指定している要素は、bodyとbodyの直近の子要素container(ページ全体を示すid)の2つです。

基本は、marginを自動にするだけで、ブロック要素が中央寄せになりますが、IEの場合よりません。

その対策として、text-align:centerでインライン要素を中央寄せにするとともにブロック要素をも中央によることを利用するようです。

最後に、中央によってしまった文字を左に寄せて終了です。要素に直接スタイル記述では動かず、CSSでは動きましたので注意してください。

body {
  text-align:center;
}

#container {
  width:        800px;
  margin-left:  auto;
  margin-right: auto;
  text-align:   left;
}