Бортовой журнал Ктулху
Мария Кирилловна была одета в свадебную форму

Условные комментарии для 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 Кб
Рейтинг@Mail.ru
Яндекс.Метрика
Hosting Ukraine
Счетчик PR-CY.Rank
Счетчик PR-CY.Rank