Браузер IE в отличии от нормальных браузеров создает много проблем вебмастерам. Так, он не поддерживает новые эффекты CSS3 до 8 версии и не правильно работает с многими современными стилями. Придется предусматривать для него свой код, чтобы страница, хоть как-то работала.
Что не поддерживают старые версии IE можно перечислять долго, но основные проблемы идут у IE 5, 6, 7 и 8. 9 - вроде более-менее адекватный. Поэтому там, где надо предусмотреть стиль, который будет работать с 8 и ниже версии IE ставим код:
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->
Часто надо вставить какой-то стиль, только для IE8, и при этом не создавать отдельную таблицу стилей. Для этого используйте запись типа:
селектор {свойство:значение\9} IE6, IE7, IE8
Пример:
border: 10px solid #fff; /*Для всех браузеров*/
border: 10px solid #eee\9; /*Для IE6, IE7, IE8*/
Определить браузер через PHP очень просто.
Вот код (нашел его где-то на форуме):
<?php
if ( stristr($_SERVER['HTTP_USER_AGENT'], 'Firefox') ) echo 'firefox.css';
elseif ( stristr($_SERVER['HTTP_USER_AGENT'], 'Chrome') ) echo 'chrome.css';
elseif ( stristr($_SERVER['HTTP_USER_AGENT'], 'Safari') ) echo 'safari.css';
elseif ( stristr($_SERVER['HTTP_USER_AGENT'], 'Opera') ) echo 'opera.css';
elseif ( stristr($_SERVER['HTTP_USER_AGENT'], 'MSIE') ) echo 'ie.css';
?>
Скачать php пример вы можете ниже
Код рабочий и позволяет не только определить тип браузера, с которого зашел пользователь, но и к примеру, подключить свой уникальный css. В этом случае сайт будет на 100% отображаться правильно во всех браузерах.
Добавить комментарий