пятница, 7 ноября 2008 г.

IE Tricks. Часть 1

Сегодня фиксил CSS для различных браузеров и наткнулся на интересный ресурс с описаниями того, как писать условные комментарии (conditional comments) для различных версий нашего браузера. Нашел для себя очень много полезного. Вот один из примеров, которые я оттуда для себя подчерпнул:

HTML покажется только если будет в condition будет true (убрать лишние пробелы):
< !--[if condition]> HTML < ![endif]-->
Cами condition-ы:
  • IE - для всех версий IE

  • lt IE version - версии ниже version

  • lte IE version - версии ниже или такие же как version

  • IE version - только version

  • gte IE version - версии выше или такая же как version

  • gt IE version - версии выше version

  • Пример использования:
    < !--[if IE]>
           < link href="ie_only.css" rel="stylesheet" type="text/css">
    < ![endif]-->
    < !--[if !IE]>-->
           < link href="not_ie.css" rel="stylesheet" type="text/css">
    < ![endif]-->

    ЗЫ. В названии поста "... Часть 1" не напрасно. Конечно, хотелось бы, чтобы продолжения не было и верстка под ИЕ ничем бы не отличалась от верстки под нормальные браузеры, но что-то подсказывает мне, что ничего не изменится и тысячи кодеров будут и дальше мучаться со своим "любимым" браузером :(

    0 коммент.:

    Отправить комментарий