И так вот такая печалька у меня сложилась, использовал блочную верстку в Dreamweaver 5+Denwer и хотел поставить Joomla 1,5, делаю жестки каркас по центру, а по краям(не занятым блоками ) у меня просто залито узором <body>,
когда делал шаблон смотрел везде кроме IE6-7 было нормально, по кончанию верстки проверил в Firefox, chrome, opera, safari,и везде кроме Firefox, поехали блоки во всех по разные и разные, пробовал несколько ходов,
вот допустим такой <body class="<?php
if ( stristr($_SERVER['HTTP_USER_AGENT'], 'Firefox') ) echo 'firefox';
elseif ( stristr($_SERVER['HTTP_USER_AGENT'], 'Chrome') ) echo 'chrome';
elseif ( stristr($_SERVER['HTTP_USER_AGENT'], 'Safari') ) echo 'safari';
elseif ( stristr($_SERVER['HTTP_USER_AGENT'], 'Opera') ) echo 'opera';
elseif ( stristr($_SERVER['HTTP_USER_AGENT'], 'MSIE 6.0') ) echo 'ie6';
elseif ( stristr($_SERVER['HTTP_USER_AGENT'], 'MSIE 7.0') ) echo 'ie7';
elseif ( stristr($_SERVER['HTTP_USER_AGENT'], 'MSIE 8.0') ) echo 'ie8';
?>">
Далее, в CSS‑файле можно написать что‑то вроде:
.menu li {правила для всех браузеров}
.ie6 .menu li {исправления для IE6}
.opera .menu li {исправления для Opera}
в этом случае либо вообше не работало либо новые margin прописанный для Сhrome или Opera понимают все браузеры и в том же Firefox где все нормально начинает ехать блок в соответствии с margin для Chrome или опера,
пробовал такой вариант
http://joomlaforum.ru/index.php/topic,49416.0.html , http://joomlaforum.ru/index.php/topic,212604.0.html
только у меня не как тут в системе прописано
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/components.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/content.css" type="text/css" /> <link rel="stylesheet" type="text/css" href="templates/<?php echo $this->template ?>/css/
<?php
или тут
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/typography.css" type="text/css" media="screen,projection" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/grid.css" type="text/css" media="screen,projection" />
<link rel="stylesheet" type="text/css" href="templates/<?php echo $this->template ?>/css/
у меня используется один template.css (потом я уже приготовил под браузеры temlate_1,2,3,4,5.css)
для написания странички что сказано было выше,
а у них я как вижу описано по 2.css не считая template_1,2,3,4,5.css
вот:
components.css
/content.css
и вот:
system.css
general.css
пробывал делать под свой максимум что показывают браузеры это заливку(узорну) <body>
подскажите люди добрые как сделать для каждого браузера свои работающие правки (
18.01.2007, 21:31:24