- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：３つのボックスを１つとして中央揃えするとき）
３つのボックスを１つとして中央揃えする方法
このQ&Aのポイント
- ３つのボックスを１つのボックスとして中央揃えする方法を教えてください。
- divタグを使用して３つのボックスを１つのボックスとして囲んでセンタリングしましたが、表示が一部変わらない問題があります。
- ネスケやFirefoxでは表示が変わらず、IEでは#headerのボックスのみがセンタリングされてしまいます。CSSでレイアウトを行っています。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
#box { text-align: center; margin-left: auto; margin-right: auto; } これを #box { margin-left: auto; margin-right: auto; width:800px; } にします。 text-align:center; はインライン要素にしようするものだから、ここでは不要。 ブロック要素の中央揃えにwidthは必要です。
その他の回答 (1)
- partita
- ベストアンサー率29% (125/427)
回答No.2
#1追記 <body> <div id="box"> <div id="header"> </div> <div id="sidemenu"> </div> <div id="info"> </div> </div> </body>
お礼
回答ありがとうございます。 （先の回答に続く追記ということでこちらでお礼を言わせてもらいます） partitaさんの回答の通りにやってみてできました。追記の方もHTMLソースの途中が抜けていて追加していただきどうもありがとうございます。