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

[ 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 標準普及プロジェクト というページが大変参考になりました。ありがとうございます。

関連する記事

Comments: 0

Comment Form
Remember personal info

Trackback+Pingback: 1

TrackBack URL for this entry
http://bowz.info/776/trackback
Listed below are links to weblogs that reference
[ CSS ] ページ全体をセンタリングする方法 from Bowz::Notebook
Trackback from CSS Lecture 08-05-27 (火) 15:20

CSSで中央配置（センターリング）する方法

ＣＳＳで中央配置の仕方をちゃんと理解していない人って案外いるみたいなので、詳しく…

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

Search (S)
Recent Entries
Pages
Categories
Archives
Feeds
Meta
管理人運営ブログ
スポンサードリンク
楽天ダイナミックアド
タグクラウド

Return to page top