Цей сайт найкраще переглядати в сучасному браузері з включеним JavaScript.

очень актуально - IE (все версии)...

ilhilm

столкнулся со стандартной ерундой - IE "творчески" отображает сайт - кегль шрифта, расстояния между строк, и прочее...

понятное дело, что все "остальные" правильные браузеры работают корректно... (и как им это удается)

проблема в следующем - есть меню с выпадающим вниз подменю, ниже расположен хэдер (модуль Header Image в рандоме отображает картинки хэдера) - так вот, выпадающее меню выпадает как бы за хэдер, а не поверх оного...

повторюсь, ТОЛЬКО в великом и ужасном IE... в Опере, Хроме, ФФоксе - подобного нет, тьфу-тьфу...

как обойти подобную ситуацию?

дойти до абсурда и каким-то образом детектировать браузер и выдавать сообщение, мол, сайт не поддерживает IE?

если да, тогда, чем? детектор браузера - есть ли? но это почти бред, ведь в *цензура* IE сидят пока еще 60% юзеров...

ну нельзя же из-за дебильного продукта ломать дизайн сайта и переносить, к примеру, меню ниже хэдера - но и терять юзеров IE тоже не выход...

lhc

В мене таке враження, що Microsoft-у закони не писані - вони самі хочуть диктувати стандарти, незважаючи на існування загальноприйнятих стандартів. Не оминула така біда і web-дизайн. Опера, ФФокс, Хром тому і нормально працюють що дотримуються стандартів, а не видумують колеса.
В мене була подібна проблема, прийшлось використовувати 3 стилі - для 1 "нормальних" і для 2 для різних версій ІЕ:

<?php echo "<link rel="stylesheet" href="$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template.css" type="text/css"/>" ; ?>
<!--[if lte IE 6]>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_ie6.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

ilhilm

lhc написав
В мене таке враження, що Microsoft-у закони не писані - вони самі хочуть диктувати стандарти, незважаючи на існування загальноприйнятих стандартів. Не оминула така біда і web-дизайн. Опера, ФФокс, Хром тому і нормально працюють що дотримуються стандартів, а не видумують колеса.
В мене була подібна проблема, прийшлось використовувати 3 стилі - для 1 "нормальних" і для 2 для різних версій ІЕ:
<?php echo "<link rel="stylesheet" href="$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template.css" type="text/css"/>" ; ?>

спасибо, lhc!

у меня есть вот такие строки в шаблоне:

[b][color=#0000BF]<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/_system/css/general.css" type="text/css" />
<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/design.css" type="text/css" />


</head>[/color][/b]

это примерно то же самое, о чем пишешь ты или нет?

а сами ie6only.css и ie7only.css:

[b][color=#0000BF]#menu{
margin-bottom:0px;
}[/color][/b]

но этого не достаточно, глюк благополучно остался... или твои ie6only.css иie7only.css отличаются по содержанию?

lhc

Абсолютно правильно, ie6only.css иie7only.css відрізняються, в них якраз треба прописати необхідні для правильного відображення стилі в ІЕ, при чому для різних версій ІЕ вони можуть бути іншими, як не дивно. Проблема в іншому - що саме прописувати, дане рішення допомагає тільки використовувати різні стилі для різних бровзерів, що вже полегшує нам і без того складне життя. Приблизно визначити який елемент стилю неправильно працює можна прямо через перегляд вихідного тексту, в ІЕ це буде Вид - Просмотр HTML кода, хоча тут починаються шаманські танці з бубнами.

ilhilm

lhc написав

так что же делать... в моем случае, когда меню перекрывается контентом, как понять, что подправить...

Besedin

спробуй в стилях хедера прописати overflow:hidden;

ilhilm

GOodm@n написав

если можно, пожалуйста, подробнее что и куда прописать?

за хэдер у меня отвечает модуль, который отображает в произвольном порядке несколько хэдеров...

Besedin

якщо у тебе в index.php шаблону прописано наприклад

<div id="header"><?php mosLoadModules('header',-3)?></div>

, то в template_css.css в #header { } допиши overflow:hidden; ,тобто

#header {overflow:hidden; }

хоча можуть і ще бути інші варіанти, треба дивитись...

ilhilm

GOodm@n написав

якщо у тебе в index.php шаблону прописано наприклад

<div id="header"><?php mosLoadModules('header',-3)?></div>

, то в template_css.css в #header { } допиши overflow:hidden; ,тобто

#header {overflow:hidden; }

хоча можуть і ще бути інші варіанти, треба дивитись...

увы... без изменений :%)

Besedin

якщо можеш, то дай посилання

ilhilm

GOodm@n написав

в смысле, ссылку на сайт?

http://architeon.info

Besedin

не знаю що у тебе там таке, але у мене випадаюче меню як в ІЕ6, так і в ІЕ7 нормально відображається поверх малюнка хедера

ilhilm

да, я кое-что вписал в CSS:

position:relative;
z-index:100;

так вот, после этого в IE показывает поверх, а во всех остальных - наоборот...

что за ерунда...

Besedin

z-index:100; забери

ilhilm

GOodm@n написав

убрал... все вернулось - в IE западает, в остальных нормально... млин

Besedin

:%)