суббота, 3 мая 2008 г.

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

Тот кто в жизни создавал кроссбраузерную верстку, сталкивался, когда один из браузеров показывает не так как хотелось бы... Вот как обойти это для Internet Explorer.

Существуют так называемые «условные комментарии» для Internet Explorer. Выглядят они как обычные комментарии, но с добавлением некоторых команд. Приведу пример. Скажем нам нужно вывести заголовок H1 только в Internet Explorer 6-ой версии. Выглядеть это будет так:

<!--[if IE 6]>
          <h1>Заголовок виден только в 6-ой версии IE</h1>
<![endif]>

Также возможно использовать операторы. Вот список возможных операторов:

        !            -     отрицание
        lt           -     меньше чем
        lte         -     меньше или равно
        gt          -     больше чем
        gte        -     больше или равно

Пример. Вставить CSS стили в том случае если версия IE миньше или равна Internet Explorer 6

<!--[if lte IE 6]>
          <link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]>

Надеюсь, «условный комментарий» <!--[if IE 8]> писать не придется никогда :)

1 комментарий:

Oleg Gavryliuk комментирует...

У условных комментариев есть еще такая конструкция которая позволяет отображать код для всех кроме ие.
Подробней о фокусе с ней можно прочитать в:
http://zodios.net/htmlcss/ifcomments.html