ページを中央に表示したい

質問

すでに過去に同じ質問が何個か出てますが解決しなかったので書き込ませていただきました。
テーブルは使わないでCSSを使ってやっているのですがどうも表示がうまく行きません。
Operaだと画面中央に表示されるのですがIE6やGraniでは左に表示されます
<div id="page"></div>で全体を括ってCSSで
#page{
width:750px;
background:#FFF;
margin:0 auto;
}
こんな感じでやってるんですが駄目で困っています
わかる方いらっしゃったら教えてくださいお願いします

ちなみにこれが作ってる途中のやつです
http://otakumasshigura.web.fc2.com/sample.html

回答No.1

aiueo667 · ベストアンサー

Firefoxで確認しましたが、中央に表示されました。

IE6は上手く説明できませんが、CSSによるセンタリングができないバグがありますので、次の様にしてみてください。

―HTML
<div id="hoge">
<div id="page">
こうすればIE6でもセンタリングされます。
</div>
</div>

―CSS
#hoge {
text-align: center;
}
#page{
width: 750px;
background: #fff;
margin-left: auto;
margin-right: auto;
}

これでどうでしょうか？
css ie6 センタリング などのキーワードで検索すると、もう少し詳しい解説が見られるかもしれません。参考までに。

お礼

上記の教えていただいたやり方でIE6も中央に表示することができました！
ただ文字も一緒に中央揃えになってしまうのでtext-align: left;を#pageに入れたら文字は左揃えになり解決しました

ほんと困っていたので助かりました。ありがとうございました！

回答No.2

t_ohta

確かIE6はmarginのautoが正しく機能しない場合があったと思います。
その場合は、外側の要素にtext-align:center;を指定するとよかったはずです。（手元にIE6の環境がないので確認できません）
作成中のページのソースからするとbodyにセンタリングを付けると良いのではないでしょうか。

お礼

autoが正しく機能しないみたいですね
おっしゃる通りtext-align:center;を入れることによって解決できました
ありがとうございます！