Для того, чтобы к каждому браузеру привязать свой css файл, необходимо создать файлы: firefox.css, opera.css, safari.css, chrome.css и br_other.css (этот файл css используется, если браузер пользователя не совпадает ни с одним условием).
При использовании CMS Joomla! необходимо вставить данный код в файл index.php используемого шаблона между тегами <head>... </head>, а css файлы в папку со стилями сайта. Для использования данного метода на сайте без CMS (или с другим аналогом), необходимо все сделать по аналогии, только учитывать место расположения css файлов и изменить путь к файлам css в коде (href="/...).
<link rel="stylesheet" type="text/css" href="/templates//css/
<?php
$nav = ( isset( $_SERVER['HTTP_USER_AGENT'] ) ) ? strtolower( $_SERVER['HTTP_USER_AGENT'] ) : '';
// checks if browser is Mozilla
if (stristr($nav, "firefox"))
{
echo "firefox.css";
}
// checks if browser is Opera
elseif (stristr($nav, "opera"))
{
echo "opera.css";
}
// checks if browser is Safari
elseif (stristr($nav, "safari"))
{
echo "safari.css";
}
// checks if browser is chrome
elseif (stristr($nav, "chrome"))
{
echo "chrome.css";
}
// If browser is a different one
else
{
echo "br_other.css";
}
?>
" />




Для каждого браузера свой css файл (Joomla!)