Кроссбраузерность CSS, CSS для IE, Opera, Firefox, Safari

Аватара пользователя
SLITE
Сообщения: 204
Зарегистрирован: 01 янв 2010
Кроссбраузерность (кроссбраузерная верстка сайта на CSS) – это совокупность CSS компонентов, которые обеспечивают единый образ страницы сайта во всех браузерах, или же в таких как IE 6, 7, 8, Firefox, Opera, Safari.

Часто у многих верстальщиков возникают проблемы с кроссбраузерностью, и иногда можно их решить с помощью приемов CSS, а иногда хочется сделать, так что бы разные CSS стили работали в разных браузерах . Данное действие можно реализовать с помощью Conditional Comments для IE, и с помощью Java Script.

Достижение кроссбраузерной верстки

Для IE (Internet Explorer):

Код: Выделить всё

<!--[if IE 6]>
/* CSS для получения кроссбраузерности в IE */
<link rel="stylesheet" type="text/css" href="style/ie.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="style/ie7.css" />
<![endif]-->

Для Opera:

Код: Выделить всё

<script type="text/javascript">
if(window.opera) {
         document.write('<link rel="stylesheet" type="text/css" href="style/opera.css" />');
}
</script>

Для Firefox:

Код: Выделить всё

@-moz-document url-prefix() {
    a {
            color: #999999;
    }
}

Для Safari:

Код: Выделить всё

<script type="text/javascript">
var detect = navigator.userAgent.toLowerCase();
if((detect.indexOf('safari')) != -1) {
           document.write('<link href="style/safari.css" rel="stylesheet" type="text/css" />');
}
</script>


Кроссбраузерность с помощью PHP

Существует еще один способ достижения кроссбраузерной верстки с помощью PHP и CSS. Реализуется данный способ с помощью функции в PHP "User Agent".

Код: Выделить всё

echo $_SERVER['HTTP_USER_AGENT']; // Возвращает строку с пользовательскими данными (OC, браузер)


Дальше для получения кроссбраузерной верстки надо просто разобрать полученную строку и внедрить полученные данные в Java Script или прямо в PHP формировать CSS свойства.
Источник:www.webering.ru[Внеха]

Аватара пользователя
Distructor
Администратор
Сообщения: 1631
Зарегистрирован: 28 дек 2009
Немного не верное название темы, т.к. рассматриваются хаки для различных браузеров.
Также не лучшим вариантом является использование нескольких приведенных хаков на основе JavaScript и PHP.

Чуть позже дополню статью.

для примера
http://dimox.name/personal_css_hacks_fo ... irefox_ie/
http://habrahabr.ru/blogs/css/43318/


Вернуться в «Уроки и статьи по верстке»