Кроссбраузерная верстка («кроссбраузерность») – это одинаково отображаемая верстка страницы в различных браузерах. Она реализуется при помощи HTML, CSS, разнообразных хаков, и, в некоторых случаях, JavaScript.
Часто у многих верстальщиков возникают проблемы с кроссбраузерностью, и иногда можно их решить с помощью приемов и хаков на CSS, а иногда хочется сделать, так что бы разные файлы CSS загружались в определенных браузерах, если это требуется. Это можно реализовать с помощью Conditional Comments для IE, и с помощью JavaScript для большинства остальных браузеров.
Некоторые методы достижения кроссбраузерной верстки:
Для IE 6, 7, 8 (Internet Explorer):
<!--[if IE 6]>
<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>
Для браузера Mozilla 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>
Поделиться
← Предыдущий пост
