Вопрос:Как подключить отдельный файла CSS для определенного браузера.
Ответ:Добавить в раздел "head" после общих стилей:
<link rel="stylesheet" type="text/css" href="templates/<?php echo $this->template ?>/css/<?php
$nav = ( isset( $_SERVER['HTTP_USER_AGENT'] ) )? strtolower( $_SERVER['HTTP_USER_AGENT'] ) : '';
// checks if browser is Mozilla
if (stristr($nav, "firefox"))
{
echo "template_1.css";
}
// checks if browser is Opera
elseif (stristr($nav, "opera"))
{
echo "template_2.css";
}
// checks if browser is Safari
elseif (stristr($nav, "safari"))
{
echo "template_3.css";
}
// checks if browser is chrome
elseif (stristr($nav, "chrome"))
{
echo "template_4.css";
}
// If browser is a different one
else
{
echo "template_5.css";
}
?>
" />
Где
template_1 - CSS файл для Firefox... дальше по аналогии.
template_5.css - для всех остальных браузеров.
Вариант 2 (не проверено)
Добавить джумловский php скрипт в index.php:
<?php
$doc =& JFactory::getDocument();
$browser = &JBrowser::getInstance();
$browserType = $browser->getBrowser();
$browserVersion = $browser->getMajor();
if(($browserType == 'msie') && ($browserVersion < 7))
{
$doc->addStyleSheet( 'css/ie6.css' );
}
echo $browserType.'<br/>';
echo $browserVersion ;
?>
Где за файл определенного стиля отвечает
if(($browserType == 'msie') && ($browserVersion < 7))
{
$doc->addStyleSheet( 'css/ie6.css' );
}