Разделение таблиц стилей

-

news:first-line {

font-weight: "bold"}

Еше один пример. Как вы уже знаете, Internet Explorer 5..v некорректно об рабатывает ключевые слова в размере шрифта. Так, если вы установи! font-size: small, то размер шрифта будет разный в браузерах фир\п Microsoft и в других браузерах. Чтобы размер совладал, надо для браузер фирмы Microsoft установить значение зт.а::. а для остальных браузеров - значение medium. Это исправлено в браузере Internet Explorer 6..v, так чг» нам надо скрыть стиль только от браузеров младших версий. Смотрим - таблицу и видим, что для этого можно воспользоваться комментариями.

Тогда таблица стилей будет выглядеть таким образом:

Р(

font-size: smal1} Р/* • / {

font-size: medium}

Получится, что первую строчку поймут все браузеры и установят размен- small, а вторую строчку поймут все браузеры, кроме Internet Explorer Фу 5..Y так что они перепишут первое значение small новым значением medium

В итоге получится, что Internet Explorer 4.x—5.* видит таблицу стилей:

Р(

fcnt-si^e: srT\511'>

А все остальные браузеры:

Р {

font-size: medium.} Так что размер шрифта будет одинаков во всех браузерах.

Кроме самих каскадных таблиц стилей для кросс-браузерного кода можно пользоваться языком JavaScript.

Разделение таблиц стилей

Идея такая. С помощью JavaScript можно определить тип и версию браузера, а затем подключать к документу именно ту таблицу, которая написана спе­циально для данного браузера. Есть много разных скриптов, но один из луч­ших опубликован на сайте www.richinstyle.com. Я его немного модифициро­вал, и в конечном виде выглядит он так:

ua=navigator.userAgent;

1-"<LINK ге1Л'stylesheet" type="text/ess" href="'; c='.ess">';

if (ua. indexOf {' IE 4') !=-l) document, write (1+ ie4 ••*-<;! ; if (ua.indexOf('IE 5')!=-!) document.write(1+'ie5 '+c) ; if (ua.indexOf{'IE 6') !—1) document.write<l+'ie5'+c); if (ua. indexOf ('Cpera') !=-l) document.write(l+*op*+c); if (ua.indexOf ('Netscape6') !—1) document.write(1+'moz'+c) ; if (ua. indexOf ('Gecko 'У1--1) document .write (1+ ' moz ' +c) ; else if {ua.indexOf("compatible")™=-l) (