みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

IE6で、背景画像とコンテナを常に中央表示させたい

bodyの背景画像と、コンテナを
ブラウザウインドウ幅に対して、
常に中央表示させたいです。

IE7、8、FireFox、Safari では上手くいっているのですが、
IE6だけ、うまく行きません。(何故かずれてしまいます)

コードは以下です -------------------------------------------------------

●HTML
<body>
  <div id="container"></div>
</body>

●CSS
body{
  background: url(画像のパス) no-repeat;
  background-position: center top;
  text-align: center;
}
container{
  width: 900px;
  margin: 0 auto;
}
-----------------------------------------------------------------------------------

どうやらIE6では、
コンテナも
bodyに置いた背景画像も
だいたい中央表示されているのですが
軸がズレている??ようなかんじで
お互いがずれて、だいたい真ん中、という感じになってしまいます。


どなたか詳しい方いらっしゃいましたら
よろしくお願いいたします。。

投稿日時 - 2010-12-16 13:19:47

QNo.6388109

すぐに回答ほしいです

質問者が選んだベストアンサー

1pxのズレであればセンタリングの方法によって違いが出ることがあります。
#containerにコンテンツ部分の背景を指定して重ねるのが無難だと思います。

もしも大幅にズレているようであれば、IEのデフォルトスタイルが邪魔をしている可能性もあります。

*{
margin:0;
padding:0;
}

で余白を一度リセットしてみるというのも方法です。

投稿日時 - 2010-12-17 17:12:35

お礼

ありがとうございます!
早速試してみます!

投稿日時 - 2010-12-22 15:03:01

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問