таблица стилей "fix internet explorer"

Question

У меня есть сайт, который я разработал и протестировал исключительно с использованием Firefox 9. Я очень доволен макетом / стилями при просмотре в этой версии Firefox. Сейчас я сталкиваюсь с незавидной задачей сделать так, чтобы он отображался одинаково хорошо (или как можно ближе) в IE7 + (я не поддерживаю IE6). Естественно, я также хотел бы, чтобы он хорошо отображался в Chrome & Safari, но я думаю, что они достаточно хорошо внедряют стандарты, поэтому я не очень их беспокоюсь.

Я использую JQuery для JavaScript, что, надеюсь, означает, что у меня не так уж много различий в поведении JavaScript, поэтому меня больше всего беспокоит CSS. Я предполагаю, что многие другие пошли по этому пути, поэтому я надеюсь, что есть доступная таблица стилей, которая, когда (условно) включена, исправит наиболее распространенные проблемы с CSS, наблюдаемые при просмотре веб-сайта в IE, который был протестирован только с Firefox. Существует ли такая вещь?

Answer 1

Полный файл miracle.css, который лечит все болезни, связанные с IE?Если только!Решение, вероятно, будет сводиться к выбору некоторых или всех следующих параметров:

• Нормализация (http://necolas.github.com/normalize.css/)
  Приведение большинства настроек браузера по умолчанию к более согласованной базовой линии(подумайте об этом как об альтернативе популярному Эрику Мейеру reset.css)
• Modernizr (http://www.modernizr.com)
  Если вы уже используете javascript, в том числе modernizr даст вамдополнительные методы определения возможностей браузера. Также, при необходимости, автоматически внедряет классы .ie7 / .ie8 и т.д. в вашу разметку, позволяя вам ориентироваться на IE в вашем стиле, например

    .standard { ... }
    .ie7 .standard, .ie8 .standard { ... }

• CSS3PIE (http://www.css3pie.com/)
  Прогрессивный Internet Explorer - позволяет создавать стили, которые обычно не работают в IE (например, линейные градиенты, закругленные углы и т. Д.)
• IE7.JS (http://code.google.com/p/ie7-js/)
  Вероятно, ближе всего к тому, что вы использовали, в качестве альтернативы CSS-исправлениям (которые, без сомнения, все еще будут необходимы). Должно помочь вам приблизиться к желаемому конечному результату.

Answer 2

Я не думаю, что есть какая-то таблица стилей, которая бы делала это для вас.

Вы можете взглянуть на js-скрипт, который рассматривает решение проблем IE.Или Вы всегда можете сделать это по старинке, используя IETab и ориентируясь на области, в которых, как вы знаете, будут проблемы.

Большинство из них описаны здесь: http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/. Надеюсь, это поможет :)