Исправить CSS и другие проблемы в IE

Question

Создание веб-сайтов, которые правильно отображаются в IE, является большой проблемой. Есть ли какая-либо библиотека сценариев Java, чтобы исправить все CSS и другие проблемы, связанные с Internet Explorer (7, 8, 9), и заставить его работать как Google Chrome, Firefox?

Answer 1

1. используйте тип документа для отображения страницы в стандартном режиме вместо quirksmode

2. Проверьте, что свойств в CSS вы можете использовать и какой браузер их поддерживает

3. Если вы планируете использовать технологию HTML5 / CSS3, то вам следует проверить свойство и какой браузер в настоящее время внедряет эти новые технологии

4. Вы можете сбросить CSS с помощью Сброс CSS , чтобы начать с нуля в своих стилях

5. Если вам нужна стабильная почва для вашей страницы, рассмотрите возможность использования "базового" стилевого фреймворка, такого как типография Blueprint CSS и формы CSS.

6. Используйтеинструментарий, такой как jQuery, Mootools, Dojo и т. д. Это ускорит разработку JS.Но НИКОГДА не позволяйте JS делать стили и исправления стиля.Это работа CSS.

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

Answer 2

Важно помнить, что разные браузеры по-разному реагируют на ошибки. Поэтому убедитесь, что ваш HTML и CSS проходят проверку без ошибок W3C . Это будет иметь большое значение для обеспечения того, что ваш сайт будет выглядеть одинаково в разных браузерах.

Кроме того, не используйте режим причуд. Разные браузеры имеют разные причуды!

Answer 3

Короткий и простой ответ - да, вы можете настроить таргетинг на более старые версии IE, используя комбинацию Modernizr и HTML5 Boilerplate .Modernizr теперь включен в пакет HTML5Boilerplate.

Для получения дополнительной информации о подходе HTML5Boilerplate к этому:

HTML5 Boilerplate, IE7 & 8

Answer 4

Короткий ответ - нет, но вы можете проверить, какие свойства не поддерживаются в IE, с помощью caniuse.com

http://selectivizr.com/ или http://css3pie.com/ помогут вам, но они оба не будут работать, если js отключен.

Прочтите это, если вы используете html5 http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/

И что сказал Иосиф.

Вы всегда можете проверить результаты с помощью http://browsershots.org/, но это всего лишь скриншот, поэтому он не даст вам пример того, как ведут себя вещи, когда вы нажимаете / наводите на них и т. Д.

Answer 5

Если вы имеете в виду некоторые из стилей CSS3, я бы посоветовал вам изучить CSS3 PIE .