重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

【GOLF me!】初月無料お試し

制作上の質問です。

インターネットエクスプローラーではきちんと
センター表示されているのですが
firefoxだとセンターに表示されません


以下のようにソースを組んでいます。※単純化しています。
<body>
<div id="header"></div>
<div id="wrapper"></div>
</body>

スタイルシートで
<body>に背景画像Aとbackground-position:center;を
設定しています。
背景画像Aはfirefoxでもセンターに表示されます。

センター位置にこないのは
id="header"や id="wrapper"です。
中身がセンターに表示されず、画面の左寄りになってしまいます。

background-position:center;などを
入れてみましたが、変化なし、でした。

根本的な間違いでもしているのでしょうか。
ご経験おありの方、ご存知の方お教えください。
※客観的に説明できるように努力していますが
 足らない部分があれば、お伝えください。

A 回答 (1件)

> background-position:center;


背景画像の位置を中央にするだけですよ。
文章とかには影響しません。

margin:auto;/*ブロックレベル要素を中央寄せ*/
text-align:center;/*文字等を中央寄せ*/

とすれば中央にきます。

参考URL:http://kw.allabout.co.jp/internet/hpcreate/close …
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!