Загрузка разных CSS в зависимости от вида браузера
Столкнулся тут с проблемой при верстке сайта — никак не мог заставить отображаться одинаково в ИЕ и Лисе. Причем проблема была из-за 3 пикселей. Если выровнять через css в Лисе, то криво в ИЕ, а если выровнять в ИЕ, то криво в Лисе. Решить это можно отдельными файлами css для каждого браузера. Вот скрипт, который и выбирает какой файл грузить:
<script type=”text/javascript”>
var agent = navigator.userAgent.toLowerCase();
if (agent.indexOf(”gecko” > -1)
document.write(”<link rel=’stylesheet’ href=’/путь/template_css.css’ type=’text/css’>”;)
if (agent.indexOf(”msie” > -1)
document.write(”<link rel=’stylesheet’ href=’/путь/template_css_ie.css’ type=’text/css’>”;)
else
document.write(”<link rel=’stylesheet’ href=’/путь/template_css.css’ type=’text/css’>”;)
</script>
Читайте также: