Каков ваш лучший инструмент или методы для получения одинакового отображения в IE6 / 7 и Firefox?

Я пишу в соответствии со стандартами, и Firefox и IE7 следуют довольно общему набору.

IE6 мертв, насколько мне известно, но если я вернусь к профессиональному веб-разработке, мне, вероятно, придется это пересмотреть;)

Я пытаюсь создать страницу, соответствующую стандартам, и все свои тесты провожу в Firefox (поскольку у него есть отличные расширения для разработки, такие как Web Developer и Firebug). Затем, когда я закончу, я тестирую сайт в IE и вношу необходимые небольшие изменения. Я считаю, что мне нужно внести очень мало изменений, поскольку я не делаю ничего необычайно сложного с CSS.

Раньше у меня было больше проблем с различиями в Javascript, но после того, как я начал использовать библиотеки Javascript (например, jQuery), у меня перестали возникать серьезные проблемы с этим.

Прокладка.

IE6 может немного запутаться при использовании поля для горизонтального размещения элементов на странице. Если вы измените размер своих элементов и разместите содержимое внутри с помощью отступов, вы можете без каких-либо взломов заставить многие макеты отлично работать в IE6 / 7, FF, Safari и Opera. IE5.5 делает вещи немного более липкими из-за сломанной модели коробки, но я думаю, что сейчас мы можем в значительной степени рассчитывать на это в большинстве обстоятельств.

I try to make a standards-compliant page and do all my testing in Firefox (since it has some excellent development extensions such as Web Developer and Firebug). Then when I'm finished I test the site in IE, then make whatever small changes are necessary. I find that I need to make very few changes, since I don't do anything extraordinarily complex with CSS.

То же самое и здесь, за исключением того, что мне не нужно использовать Firebug и тому подобное. Однако недавно у меня были проблемы только с IE6, которые решаются простыми обходными путями CSS:

/* All browsers read: */
html body {
    margin: 10px;
}

/* FF, IE7, Op etc. read: */
html > body {
    margin: 0;
}

Используйте сброс css, чтобы выровнять поле в браузерах. У YUI и Эрика Мейера есть хорошие.

Я с Эли. Написание против firefox (с установленным firebug) заставляет вас сначала писать «более совместимый» код, а затем, когда вы придете к тому, чтобы сделать его совместимым с IE, это уже не так.

Используйте сайт QuirksMode, чтобы помочь вам найти ответы на информацию о совместимости

Если вы, ребята, все еще пишете код для IE6, вы делаете ошибку.

Я использую IE7.js, чтобы IE6 отображал такие страницы, как IE7. IE7 не идеален, но, по крайней мере, в нем есть некое подобие стандартов. Поскольку мне нужно кодировать только для IE7 и FF, это делает меня на 33% более эффективным с точки зрения тестирования в браузерах, что, на мой взгляд, имеет смысл для бизнеса.

Ссылка: IE7.js

Если это совершенно новый проект, я стараюсь тестировать все изменения html + css во всех браузерах, на которые я нацелен, по мере внесения изменений. Раньше я, как правило, сосредотачивался на своем любимом браузере, а затем тестировал с другими после того, как я был готов, чтобы обнаружить, что присутствует одна или несколько небольших причуд, и было очень утомительно точно определить фактическую причину. Теперь у меня открыты все браузеры, и я просто обновляю каждый из них после каждого изменения html / css, чтобы убедиться, что отображение соответствует моим ожиданиям. Когда что-то идет не так, я точно знаю, чем это вызвано.

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