CSSのセンタリング コピペ用

CSSのセンタリングの自分用メモ。

横幅760ピクセルでCSS センタリング

div#container で全体を760ピクセルで囲う場合のCSSコード。

* {
margin: 0;
padding: 0;
line-height: 1.6;
color: #333; /* 全体のテキストカラー */
font-weight: normal;
font-style: normal;
}
html,
body {
margin: 0px 0px 0px 0px;
text-align: center; /* 中央揃え 古いブラウザ対応 */
}
div#container {
margin: 0px auto;
width: 760px;
/*background-color: #cfc;*/ /* 背景確認用 */
text-align: left; /* 中央揃え 古いブラウザ対応 */
}

CSS センタリングの確認ブラウザは、IE 5 以上で2008年5月14日までのIE7やFireFox2.0.0.14など、最新ブラウザ各種。

関連記事

• リンクの色とCSS
• テーマの修正でIE7のCSS分岐
• CSS テンプレートの種類