ホーム > マークアップ > CSS > レイアウト全体を画面のセンターに設定する
レイアウト全体を画面のセンターに設定する
- 公開日
- 2007年12月13日
本来であれば
#wrapper{
width:○○px;
margin:0 auto;
}
の設定だけで充分なのだが、これだとIE5が対応せず左寄せのままである。そこで全てのブラウザに対応させるためには
body{
text-aligh:centar;
}
#wrapper{
width:○○px;
margin:0 auto;
text-align:left;
}
という設定が必要になる。
この記事の動作確認環境（2007年12月15日追加）
| IE7 | IE6 | Firefox2.x | Opera9.x | Netscape7.1 |
|---|---|---|---|---|
| ○ | ○ | ○ | ○ | ○ |
| Safari3 | IE5.2 | Firefox2.x | Opera9.x | Netscape7.1 |
|---|---|---|---|---|
| ○ | ○ | ○ | ○ | ○ |
xml宣言
- バージョン
- 1.0
html宣言
- バージョン
- xhtml1.0 strict
- 公開識別子
- -//W3C//DTD XHTML 1.0 Strict//EN
- システム識別子
- http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
- この記事に関するご意見・ご感想をお待ちしております。