Сейчас занимаюсь версткой шаблона для одного проекта. Как обычно все браузеры как браузеры, один 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 - выше или равно;
! - отрицательный оператор.
| Файл | Описание | Размер файла: |
|---|---|---|
 123.odt | 28 Кб |