- ベストアンサー
IEでＤＩＶ要素のセンタリングができません
こんにちは。 div要素に、 width:730ｐｘ margin:0 auto; を設定しても、 センタリングされません・・・ （文字列が入っています） ＵＲＬを張ります。 http://make-template.bbs.fc2.com/ 今、テンプレートを作ろうとしているのですが、ＩＥ9.0ではセンタリングできません… ファイやフォックス、グーぐるクロームではちゃんとセンタリングできているのに… きっとほかにも必要な情報はあると思いますが、 お礼や補足にて細くさせたいただきたいと思います。 回答をお待ちしております。
- elecpigeon
- お礼率89% (123/137)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
doctype宣言の問題です <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> これを使ってください xml宣言はapacheでおかしくなることがあるのではずしてください <?xml version="1.0" encoding="UTF-8"?> doctype宣言に失敗しているのでレンダリングモードが互換モードに入っています
その他の回答 (1)
- yambejp
- ベストアンサー率51% (3827/7415)
センタリングしたいdivを別のdivでラップしてtext-alignなどで処理します <style> div#hoge{ width:730px; margin:0px auto; text-align:left; background-Color:lime; } div#wrap{ text-align:center; background-Color:aqua; } </style> <div id="wrap"> <div id="hoge">test</div> </div>
お礼
すいません… text-align:center; が適用されるのはＩＥ6.0のバグだったと記憶しているのですが… ＩＥ6.0対策にはこれでよいと思うのですが…
お礼
回答ありがとうございます。 上記のドキュタイプ宣言に変更したところ、 無事に解決しました！！ アパッチでＸＭＬ宣言がおかしくなるとは…