Часто у многих верстальщиков возникают проблемы с кроссбраузерностью, и иногда можно их решить с помощью приемов 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]-->
Код: Выделить всё
<script type="text/javascript">
if(window.opera) {
document.write('<link rel="stylesheet" type="text/css" href="style/opera.css" />');
}
</script>
Код: Выделить всё
@-moz-document url-prefix() {
a {
color: #999999;
}
}
Код: Выделить всё
<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 и CSS. Реализуется данный способ с помощью функции в PHP "User Agent".
Код: Выделить всё
echo $_SERVER['HTTP_USER_AGENT']; // Возвращает строку с пользовательскими данными (OC, браузер)
Источник:www.webering.ru[Внеха]