IE8とFirefox3のボックスモデルに違いはありますか？

Question

IE8とFirefox3のボックスモデルの主な相違点は何ですか？

今は同じですか？

これらの2つのブラウザの主な相違点は何ですか？ Web開発者は、最新のWeb標準をサポートしているように見えるので、これらの2つのブラウザを同じものと仮定できますか？

Answer 1

ページが標準適合モードである限り、Internet Explorer 6以降、Internet Explorerのボックスモデルは「固定」されています。

参照：Quirks modeおよびInternet Explorer box model bug。

IEが正常に動作するようにするdoctype declationについて知るまで、IEはデフォルトで「quirksモード」で動作するため、本当のPAINでした。だから、標準モードのdoctypeを持つことは、最も苦しいCSSの問題を一掃します。

Answer 2

私は決してブラウザが全く同じページをレンダリングするとは思わないでしょう。常にテスト！

標準をサポートしているにもかかわらず、さまざまなブラウザやさまざまなバージョンでもさまざまなバリエーションがあります。 FF1は、FF3とは異なるレンダリングを行うFF2とは異なってレンダリングされる。

また、各ブラウザに独自のJavaScriptエンジンが用意されていることを覚えておく必要があります。このJavaScriptエンジンは、一部のスクリプトを動作させたり、別のスクリプトを失敗させたりします。

複数のブラウザをサポートするために開発されたCSSフレームワークとJavaScriptフレームワークを使用することで、これらの相違を減らすことができます。

ただし、すべてのブラウザでテストする必要があります。見た目や行動が正しくないものが常に存在します。

Answer 3

2つの（および他のブラウザ）の間で常に異なるものは、デフォルト値（たとえば、見出しのフォントサイズ）です。既定のビジュアルを実現する方法は、箇条書きのリストでインデントを達成するためにパディングや余白を使用するかどうかなど、異なる場合があります。

ちょうど私が気付いたことは、IE8が最終的にそれぞれの親の中央に水平に欲しいブロック要素のmargin: 0 autoの処理を修正したことです。