Есть ли разница между блочными моделями IE8 и Firefox3?

Question

Каковы основные различия (если таковые имеются) между блочными моделями IE8 и Firefox3?

Теперь они одинаковые?

Каковы другие основные различия между этими двумя браузерами? Может ли веб-разработчик предположить, что эти два браузера одинаковы, поскольку они (кажется) поддерживают новейшие веб-стандарты?

Answer 1

Блочная модель Internet Explorer была «исправлена» со времен Internet Explorer 6, если ваши страницы находятся в стандартном режиме соответствия.

См .: Режим причуд и Ошибка блочной модели Internet Explorer .

До тех пор, пока я не узнал о декларациях doctype, заставить IE работать должным образом было настоящей болью, потому что IE по умолчанию работает в «режиме причуд». Таким образом, наличие стандартного режима doctype устранит целый ряд самых болезненных проблем CSS.

Answer 2

Я бы никогда не предположил, что любой браузер отображает страницу точно так же ... всегда проверяйте!

Несмотря на то, что они поддерживают стандарты, существует множество вариаций между разными браузерами и даже разными версиями. FF1 по-разному рендерится в FF2, который по-разному рендерится в FF3.

Вы также должны помнить, что у каждого браузера есть свой собственный движок JavaScript, который опять-таки приведет к тому, что некоторые скрипты сработают, а другие сбоят.

Конечно, вы можете уменьшить эти различия, используя CSS и JavaScript-фреймворки, разработанные для поддержки нескольких браузеров.

Тем не менее, вы все равно должны тестировать во всех браузерах. Всегда будет что-то, что не совсем выглядит или ведет себя неправильно.

Answer 3

Вещи, которые всегда будут отличаться между этими двумя (и другими браузерами), являются значениями по умолчанию (например, размеры шрифтов в заголовках). Способ получения визуальных элементов по умолчанию также часто отличается, например, используют ли они отступы или поля для достижения отступа в маркированных списках.

Что-то весьма положительное, что я только что заметил, заключается в том, что IE8 наконец-то исправляет обработку IE margin: 0 auto для блочных элементов, которые вы хотите горизонтально центрировать в соответствующих родительских элементах.