Existe alguma diferença entre os modelos de caixa do IE8 e do Firefox3?

Question

Quais são as principais diferenças (se houver) entre os modelos de caixa do IE8 e do Firefox3?

Eles são os mesmos agora?

Quais são as outras diferenças principais entre esses dois navegadores?Um desenvolvedor web pode presumir que esses dois navegadores são iguais, já que (parecem) suportar os padrões web mais recentes?

Answer 1

O modelo de caixa do Internet Explorer foi "corrigido" desde o Internet Explorer 6, desde que suas páginas estejam no modo de conformidade padrão.

Ver: Modo peculiaridades e Bug no modelo de caixa do Internet Explorer.

Até que eu aprendi sobre declerações de doctype, fazer com que o IE funcionasse corretamente era uma verdadeira DOR, porque o IE é executado no "modo peculiares" por padrão.Portanto, ter um tipo de documento em modo padrão eliminará vários dos problemas de CSS mais dolorosos.

Answer 2

Eu nunca presumiria que qualquer navegador renderizasse uma página exatamente da mesma forma.teste sempre!

Embora suportem padrões, existem muitas variações entre diferentes navegadores e até mesmo entre diferentes versões.FF1 é renderizado de maneira diferente de FF2, que é renderizado de maneira diferente de FF3.

Você também deve lembrar que cada navegador tem seu próprio mecanismo JavaScript que, novamente, fará com que alguns scripts funcionem e outros falhem.

É claro que você pode reduzir essas diferenças usando estruturas CSS e JavaScript que foram desenvolvidas para oferecer suporte a vários navegadores.

No entanto, você ainda deve testar em todos os navegadores.Sempre haverá algo que não parece ou se comporta corretamente.

Answer 3

Coisas que sempre serão diferentes entre os dois (e outros navegadores) são os valores padrão (tamanhos de fonte nos títulos, por exemplo).A maneira como eles obtêm os visuais padrão também costuma ser diferente, como se eles usam ou não preenchimento ou margem para obter o recuo em listas com marcadores.

Algo bastante positivo que acabei de notar é que o IE8 finalmente corrige o modo como o IE lida com margin: 0 auto para elementos de bloco que você deseja centralizar horizontalmente em seus respectivos pais.