CSS-хаки, развилки для основных браузеров, условные комментарии

Конечно, CSS нужно стараться делать универсальным, но иногда без развилок, особенно под ИЕ и в частности его 6ю версию — не обойтись. Ниже — методы развилок под основные браузеры.

Подчеркивание или дефис — воспринимается IE6 и ниже

.style {_background:#F00;}

Звездочка — воспринимается IE7 и ниже

.style {*background:#F00;}

IE6 и ниже игнорирует эти правила

div>span {...}
div+span {...}

Минимальная и максимальная ширина для IE6

#element {
min-width:780px;
max-width:1260px;
width: expression(document.body.clientWidth < 780? "780px" : document.body.clientWidth > 1260? "1260px" : "auto");
}

Условные комментарии (для подключения отдельных цсс для определенных браузеров)

  • IE — для любой версии IE;
  • lt IE v — (less than) для версий IE более чем v;
  • lte IE v — (less than or equal) для IE версии v и меньше;
  • gte IE v — (greater than or equal) — для IE версии v и больше;
  • gt IE v — (greater than) — для IE версии больше v.
<!--[if lte IE 6]><link rel="stylesheet" href="style/ie6.css" type="text/css" media="screen" /&rt;< ![endif]--&rt;

Один ответ to “CSS-хаки, развилки для основных браузеров, условные комментарии”

  1. pochtalion88 Says:

    Спасибо! пригодилось:)

    P.S. Огромный привет семантической верстке:)))

Комментировать