[ CSS ] ページ全体をセンタリングする方法

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です！
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）

CSS でページ全体をセンタリングする方法を自分用にメモ。

body {
    text-align: center; /* center on ie */
    width: 100%;
}
#container {
    text-align: left;
    margin: 0 auto; /* center on everything else */
    width: 720px;
}

ポイントは、Windows IE6 用に text-align:center を指定する事。

私の場合、#container に width を指定すんの忘れててハマった（笑）

問題解決には、ブロックレベル要素をセンタリングする方法 – Web 標準普及プロジェクト というページが大変参考になりました。ありがとうございます。

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。