• ベストアンサー

ボックスを中央揃えにしたい

先日の質問の回答ありがとうございます。 納得のいくようにできました。 全体を囲ったボックス<div id="base">を中央揃えにしたいので、 #base{ width:800px; margin-left:auto; margin-right:auto; } と書いたのですが、 FireFoxではちゃんと中央揃えされているんですが、IEではされていません。 どうすればいいんでしょうか?お願いします。 http://www.geocities.jp/totti_asroma1927/index.html http://www.geocities.jp/totti_asroma1927/css/base.css

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

  • ベストアンサー
回答No.1

ドキュメントタイプ宣言からきっちり書いて標準準拠で動くように すれば、IEでも中央に揃います。今はIEが後方互換で動いてるから margin:auto非対応ってわけです。

その他の回答 (2)

noname#83877
noname#83877
回答No.3

body { text-align:center; } #base { text-align:left; }

  • qualheart
  • ベストアンサー率41% (1451/3486)
回答No.2

No1さんの回答にもありますが、DOCTYPE宣言をHTMLの一番最初に入れてください。 以下のものをコピーして入れればOKです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">