Бортовой журнал Ктулху

Условные комментарии для Internet Explorer

Сейчас занимаюсь версткой шаблона для одного проекта. Как обычно все браузеры как браузеры, один IE только имеет свое мнение как отображать шаблон. Нашел в сети список условных комментариев, надеюсь справлюсь (и еще надеюсь, что регулярные выраджения обожаемой жумлы не съедят ничего из текста, поэтому на всякий случай прилеплю в конце файл).

Можно сразу в комментариях прописать определенные CSS-правила для Internet Explorer, если этих правил немного:

<!--[if IE]> <style type="text/css"> #container { width:100%; margin:0 auto; padding:0; } </style> <![endif]-->

Если же у вас получился большой листинг, Вам будет проще создать отдельный CSS-файл и в условных комментариях сослаться на него:

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

 Свои стили для разных версий IE:

Указываем правила только для Internet Explorer 8:

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

Указываем правила только для Internet Explorer 7:

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

Указываем правила только для Internet Explorer 6:

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

Иногда бывают такие ситуации, когда один и тот же блок нужно по разному загружать в IE и в нормальных браузерах и при этом правила CSS не спасают. Вот такие комментарии Вам в этом и помогут.

<!--[if !IE]><!--><link rel="stylesheet" href="/ie.css" type="text/css" />или HTML-разметка<!--<![endif]-->

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

lt - ниже;

gt - выше;

lte - ниже или равно;

gte - выше или равно;

! - отрицательный оператор.

Правила сработают для всех версий IE, которые ниже 6-й версии:
 
<!--[if lt IE 6]><link rel="stylesheet" href="/ie.css" type="text/css" /><![endif]-->
 
Правила сработают для всех версий IE, которые выше 6-й версии:
 
 <!--[if gt IE 6]><link rel="stylesheet" href="/ie.css" type="text/css" /><![endif]-->
 
Правила сработают для 6-й версии IE и всех, что ниже:
 
<!--[if lte IE 6]><link rel="stylesheet" href="/ie.css" type="text/css" /><![endif]-->
 
Правила сработают для 6-й версии IE и всех, что выше:
 
<!--[if gte IE 6]><link rel="stylesheet" href="/ie.css" type="text/css" /><![endif]-->
 
Правила сработают для всех, кроме 6-й версии IE:
 
<!--[if ! IE 6]><link rel="stylesheet" href="/ie.css" type="text/css" /><![endif]-->
 
По материалам mykhailenko.com
 
Вложения:
ФайлОписаниеРазмер файла:
Скачать этот файл (123.odt)123.odt 28 Кб