質問: cssの左右よせのマージン、ieとfirefoxで表示が違う cssの左右よせのマージンについて、どうしても原因が分からない事があるので質問します。 下記ファイル(マージンが分かるようにボーダー設定してます) -----------htmlファイル-------------- cssテスト 左側の写真です。 右側の本文です。 フッター ------------------------------------- -------------cssファイル------------- body { text-align: center; margin: 0px; } .sotowaku { width: 700px; margin: 0 auto; border: solid 1px #999999; } .main_l { width: 150px; float: left; margin-top: 0px; margin-left: 25px; border: solid 1px #999999; } .main_r { width: 490px; float: right; margin-top: 0px; margin-right: 10px; border: solid 1px #999999; } .clear { clear: both; } ------------------------------------- をieとfirefoxでプレビューすると 中央700pxの幅の中に |25px|写真150px|25px|本文490px|10px| となるはずなのに、 ie6では左25pxと右10pxのマージンが大きく(倍くらいになってます)、左右のメインが重なってしまいます。 firefoxではちゃんと表示されます。 どこか記述がおかしいのでしょうか。 マージン設定はしないほうがいいのでしょうか。 どうすればieでもちゃんと表示されるようになるでしょうか。 いろいろいじりましたが分からないので、お教えいただければありがたいです。よろしくお願いします。
回答: 回答ではありませんが、非常に気になったので。 > めんどくさくてdtd宣言してませんでした・・・ 10数年前の素人じゃあるまいし、いまどきcssでコーディングしようと言う人間が「有り得ない」ことをしてはいけません。dtd宣言は飾りじゃありませんよ。html文書にとって必要不可欠な記述です。そしてそれによってcssの解釈だって異なるのですから。