10 марта 2008
Кроссбраузерная верстка («кроссбраузерность») – это одинаково отображаемая верстка страницы в различных браузерах. Она реализуется при помощи HTML, CSS, разнообразных хаков, и, в некоторых случаях, JavaScript.
Часто у многих верстальщиков возникают проблемы с кроссбраузерностью, и иногда можно их решить с помощью приемов и хаков на CSS, а иногда хочется сделать, так что бы разные файлы CSS загружались в определенных браузерах, если это требуется. Это можно реализовать с помощью Conditional Comments для IE, и с помощью JavaScript для большинства остальных браузеров.
Некоторые методы достижения кроссбраузерной верстки:
Для IE 6, 7, 8 (Internet Explorer): [code] <!--[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]-->[/code]
Для браузера Opera: [code] <script type="text/javascript">
if(window.opera) {
document.write('<link rel="stylesheet" type="text/css" href="style/opera.css" />');
}
</script>[/code]
Для браузера Mozilla Firefox: [code] @-moz-document url-prefix() { a { color: #999999; } } [/code]
Для браузера Safari: [code] <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>[/code]
-
Звоните!
+7 (812) 318-40-34 +7 (499) 288-16-43
+7 (499) 288-15-30 -
Пишите!
info@webering.ru -
Приезжайте!
-
г. Санкт-Петербург, ул. Седова, д. 11, лит. А, оф. 642 БЦ «Эврика» г. Москва, ул. Бутлерова, д. 17, оф. 5115 БЦ «NEO GEO»
-
Наш офис расположен в 5 минутах от станции метро «Елизаровская» в бизнес-центре «Эврика».