CSSのセンタリング コピペ用
2008年5月14日 水曜日
CSSのセンタリングの自分用メモ。
横幅760ピクセルでCSS センタリング
div#container で全体を760ピクセルで囲う場合のCSSコード。
* {
margin: 0;
padding: 0;
line-height: 1.6;
color: #333; /* 全体のテキストカラー */
font-size: 100%;
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など、最新ブラウザ各種。
関連記事
トラックバック URL :
CSSで中央配置（センターリング）する方法…
ＣＳＳで中央配置の仕方をちゃんと理解していない人って案外いるみたいなので、詳しく… (more…)
トラックバック by CSS Lecture — 2008年5月27日 火曜日 @ 15:20