※ ChatGPTを利用し、要約された質問です（原文：firefoxでセンター表示されない）
firefoxでセンター表示されない
このQ&Aのポイント
firefoxでのセンター表示に問題が発生しています。インターネットエクスプローラーでは正常に表示されるのに対し、firefoxではセンターに表示されません。
body要素に背景画像Aとbackground-position:center;を設定していますが、firefoxではid="header"やid="wrapper"の中身がセンターに表示されず、左寄りに表示されます。
background-position:center;などの試みもありましたが、問題は解決しませんでした。根本的な間違いがあるのか、解決策をご存知の方はお教えください。
制作上の質問です。
インターネットエクスプローラーではきちんと
センター表示されているのですが
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;などを
入れてみましたが、変化なし、でした。
根本的な間違いでもしているのでしょうか。
ご経験おありの方、ご存知の方お教えください。
※客観的に説明できるように努力していますが
足らない部分があれば、お伝えください。
