Как бороться со всем знакомыми багами IE

Несмотря на то что я в основном пользуюсь CSS3, иногда все же возникает необходимость бороться и с Internet Explorer при создании проектов, которые обязательно должны быть кросс-браузерными.

Современные браузеры постоянно развиваются, и их баги и странное поведение исчезают в новых версиях. Но а как насчет старых браузеров, таких как IE 6/7? Так как их больше не обновляют, их баги уже воспринимают как что-то неизбежное.

Условные комментарии

<!--[if IE 6]>
        IE6 stuff
<![endif]-->
Для IE 6.

<!--[if IE 7]>
        IE7 stuff
<![endif]-->
И IE 7.

Есть еще дополнительные функции, но эти две наиболее часто используются.

Если не комментарии, то...

p
{
  color: #000;
  color : green\9; /* IE8 и ниже - на всякий случай */
  *color: red; /* IE7 и ниже */
  _color: blue; /* IE6 и ниже */
}

Если вам не нравится использовать условные комментарии, то это хорошая альтернатива.

На всякий случай я добавил строку для IE8. Но если честно, с IE8 у вас будет намного больше проблем. Вам понадобится исправлять весь ваш CSS код.

Удвоенные отступы

p
{
  float: right;
  margin-right: 50px;
}

Возможно, это самый частый баг, связанный с параметром float. Для приведенного выше примера IE6 удвоит отступ справа. Чтобы это исправить, добавьте параметр display: inline, используя один из выше приведенных вариантов.

Игнорирование внутренних отступов у кнопок

IE6 и IE7 не воспринимают внутренние отступы (padding) у кнопок. Чтобы это исправить, добавьте параметр overflow: visible для нужной кнопки. Подробнее об этом можно почитать здесь.

Отрицательные значения отступов

IE6 и отрицательные значения отступов (margin) - вещи несовместимые! Чтобы их “подружить”, добавьте параметр position: relative для нужного элемента.

Нужны еще ответы?

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

Конец

“Назывался он Internet Explorer 6. Мы живем в 2011, в эпохе современных веб-стандартов. Пришло время с ним попрощаться.”

… и я не единственный, кто с этим согласен :)


Источник: http://feedproxy.google.com/~r/ruseller/CdHX/~3/3RcjJQsvKAg/lessons.php

Читать комменты и комментировать

Добавить комментарий / отзыв



Защитный код
Обновить

Как бороться со всем знакомыми багами IE | | 2012-06-19 12:09:01 | | Статьи Web-мастеру | | Несмотря на то что я в основном пользуюсь CSS3, иногда все же возникает необходимость бороться и с Internet Explorer при создании проектов, которые обязательно должны быть кросс-браузерными | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: