Оглавление

Задание разных таблиц стилей для Internet Explorer 6 и 7

На момент написания данной книги браузер Internet Explorer 6 доставлял разработчикам немало головной боли, поскольку количество его пользователей все еще велико, а сам браузер крайне плохо поддерживает большую часть спецификации CSS, выдавая кучу ошибок. Microsoft исправила наиболее известные из них и реализовала поддержку спецификации CSS2.1 в Internet Explorer 7, однако и он во многом уступает современным браузерам, таким как Internet Explorer 8. Поэтому остается группа пользователей, не имеющих желания или возможности обновить свой браузер, и хотя среди пользователей IE7 наблюдается тенденция к переходу к IE8, их количество пока остается значительным, и с этим нужно считаться.

 

Решение
Самый эффективный метод связи определенных правил стиля с конкретными версиями Internet Explorer состоит в использовании условных комментариев. Условные комментарии – характерная особенность Internet Explorer; с их помощью можно выделить часть HTML-кода и определить, при каких условиях браузер должен его обработать, а при каких – проигнорировать. Условные комментарии можно использовать для того, чтобы только определенным версиям IE был доступен тег <link>.

 

Прежде всего необходимо создать таблицу стилей, содержащую правила для предотвращения ошибок в Internet Explorer 6, – не нужно копировать всю основную таблицу стилей, достаточно лишь переписать или добавить необходимые правила. Затем разместите внутри элемента head вашего документа ссылку на нее, окруженную условными комментариями, например:

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


Благодаря приведенному выше коду только Internet Explorer 6 сможет «увидеть» таблицу стилей ie6fixes.css. В следующем коде таблица стилей будет доступна только IE7:

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


Следующий код объявляет таблицу стилей доступной для версий Internet Explorer 7 и ниже:

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


Условные комментарии должны располагаться внутри элемента head вашего документа, причем после основной таблицы стилей, иначе правила, написанные специально для IE, будут переопределены правилами, содержащимися в основной таблице стилей.
Синтаксис такого условного комментария дает разработчику много дополнительных возможностей. Дополнительную информацию об условных комментариях можно получить в документации SitePoint CSS Reference. В последующих решениях мы рассмотрим способы использования условных комментариев для указания дополнительной таблицы стилей, а также файла со сценарием на JavaScript для Internet Explorer 6.

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити