CSS и браузеры

Gadi4

Осваиваюсь на форуме
29
0 / 0

И так вот такая печалька у меня сложилась, использовал блочную верстку в 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>

подскажите люди добрые как сделать для каждого браузера свои работающие правки (

« Последнее редактирование: 27.05.2012, 23:18:38 от Gadi4 »

Записан

Gadi4

Осваиваюсь на форуме
29
0 / 0

Re: CSS и браузеры

« Ответ #1 : 25.04.2012, 22:12:12 »

ППЦ за сутки ни кто не чего не подсказал (

Записан

umbabaraumba

Живу я здесь
2415
153 / 1
если помог можете поставить +

Re: CSS и браузеры

« Ответ #2 : 26.04.2012, 00:35:21 »

Значит никто не знает ответа.

Записан

Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно

Fedor Vlasenko

Живу я здесь
3845
733 / 7
https://fedor-vlasenko.web.app

Re: CSS и браузеры

« Ответ #3 : 26.04.2012, 01:17:41 »

Вот простейший генератор шаблонов.

Записан

Отключить Mootols, Jquery, Bootstrap
Плагин добавления групп для регистрации, регистрация в один клик
Лучший Украинский хостинг

danik.html

Живу я здесь
2650
353 / 4

Re: CSS и браузеры

« Ответ #4 : 26.04.2012, 15:00:36 »

Gadi4, не работать может чтото в IE, поэтому если у тебя работает в IE и больше нигде не работает - то значит ты что-то делаешь не так.
Я очень давно занимаюсь версткой, и крайне редко сталкиваюсь с проблемой когда что-то не работает в отдельном браузере (я не про IE. IE - это настолько отдельный браузер что практически любая верстка в нем выглядит криво, поэтому через условные комментарии (самый надежный способ) подключаем костыльный файл стилей). Ты делаешь что-то сложнее и замутней чем я?

Записан

【Мегапак Virtuemart】:
• метатеги (description,keywords)
• заголовки (title)
• красивые алиасы (чпу) без тормозов и дублей!

Taatshi

Гуру
5258
481 / 2
Верстаем и кодим. Обращайтесь ;)

Re: CSS и браузеры

« Ответ #5 : 26.04.2012, 16:20:27 »

Рекомендую сверстать заново и каждый шаг в макете проверять во всех основных браузерах. Если у Вас шаблон едет во всех браузерах сразу - тут никакие костыли не помогут.

Записан

ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ | ОТЗЫВЫ
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi

Gadi4

Осваиваюсь на форуме
29
0 / 0

Re: CSS и браузеры

« Ответ #6 : 20.05.2012, 17:09:36 »

решил давно но забыл написать
<?php
$sBrowserClass = "";
if (preg_match("/Opera\W*(\d+(:?\.\d+)?)/",@$_SERVER["HTTP_USER_AGENT"], $aMatch)) {
$sBrowserClass = "isOpera";
if (@$aMatch[1] && $aMatch[1] < 9) {
$sBrowserClass .= " isOpera8";
}
}
elseif (preg_match("/MSIE\W*(\d+(:?\.\d+)?)/",@$_SERVER["HTTP_USER_AGENT"], $aMatch)) {
$sBrowserClass = "isIE";
if (@$aMatch[1] && $aMatch[1] < 7) {
$sBrowserClass .= " isIE9";
}
}
elseif (preg_match("/Chrome\W*(\d+(:?\.\d+)?)/",@$_SERVER["HTTP_USER_AGENT"], $aMatch)) {
$sBrowserClass = "isChrome";
if (@$aMatch[1] && $aMatch[1] < 7) {
$sBrowserClass .= " isChrome";
}
}
elseif (preg_match("/Safari\W*(\d+(:?\.\d+)?)/",@$_SERVER["HTTP_USER_AGENT"], $aMatch)) {
$sBrowserClass = "isSafari";
if (@$aMatch[1] && $aMatch[1] < 7) {
$sBrowserClass .= " isSafari";
}
}
if ($sBrowserClass) {
$sBrowserClass = ' class="' . $sBrowserClass . '"';
}
?>
<body<?=$sBrowserClass?>>

просто потом в CSS файле прописываем
допустим надо править
блок
#right_ver{
   margin:0px;
   padding:0px;
   background:#FC0;
   width:135px;
   min-height:150px;
}

то пишем
для браузеров
хром
.isChrome #right_ver{
   margin-top:4px;
}
для опера
.isOpera #right_ver{
margin-top:7px;
}
вообшем пишем приставку .is+ название браузера (в php коде) + черезпробел #название блока и двигаем как нам надо для нужного браузера

откуда взял не помню какой то сайт или форум был (

Записан

danik.html

Живу я здесь
2650
353 / 4

Re: CSS и браузеры

« Ответ #7 : 20.05.2012, 17:29:37 »

В Joomla уже встроены средства определения браузера. Но как верстальщик с неплохим опытом скажу: использовать эти средства не рекомендуется. Это может понадобиться очень в редких специфичных случаях. Если у вас без этого все плывает - значит вы криво сверстали.

Записан

【Мегапак Virtuemart】:
• метатеги (description,keywords)
• заголовки (title)
• красивые алиасы (чпу) без тормозов и дублей!

Gadi4

Осваиваюсь на форуме
29
0 / 0

Re: CSS и браузеры

« Ответ #8 : 21.05.2012, 22:10:52 »

ну как бы для начало решил проблема а потом заново верстал )))) чисто из упертости )

Записан

CSS и браузеры - Вопросы по CSS

Новости Joomla

WT Set elements v.1.0.0: плагин поля для RadicalMart

IWS.BY VK app widget - Виджет приложения ВКонтакте для Joomla

SW JProjects v.2.5.0 - компонент каталога цифровых проектов на Joomla

Gadi4

CSS и браузеры

Gadi4

Re: CSS и браузеры

umbabaraumba

Re: CSS и браузеры

Fedor Vlasenko

Re: CSS и браузеры

danik.html

Re: CSS и браузеры

Taatshi

Re: CSS и браузеры

Gadi4

Re: CSS и браузеры

danik.html

Re: CSS и браузеры

Gadi4

Re: CSS и браузеры

Похожие темы