読者です 読者をやめる 読者になる 読者になる

purazumakoiの[はてなブログ]

技術メモから最近はライフログも増えてきてます。

ページのセンタリングをする

htmlを書くときに、新規サイトを作成するときは必ずページの先頭に

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head><title>hoge</title></head>
<body>
<div id="Wrapper">
fuga
</div>
</body>
</html>

などといった、DOCTYPE宣言を行います。
その場合のセンタリングは

/* css */
div#Wrapper {
 margin: 0 auto;
 width: 760px;
}

で出来ます。



が昔作られたサイトを修正するときは、DOCTYPE宣言が無いページに出会うことも多いです。

このようなIE互換モードでページをセンタリングする場合、

/* css */
body {
 text-align: center;
}
div#Wrapper {
 text-align: left;
 margin: 0 auto;
 width: 760px;
}

これで出来ます。

・・・というメモ


IE互換モードには色々悩まされるなー