проблемы с CSS в Explorer

[SLY87]

Всем привет!

Столкнулся с проблемой при создании выносного(расширенного) меню с помощью css. Странички пишу в html коде, в опере и мазиле всё отображается замечательно, но вот эксплорер не хочет работать.

Как я уже сказал в опере всё работает, наводишь курсором на строку в меню и справа появляется расширенное меню (то есть пока курсор не наведёшь его не видно). А в эксплорере даже наводить не надо, всё отображается списком.

ХЕЛП? что исправить или дописать?

В файле css следуюший код:

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.dropdown {
	width: 170px;
	z-index: 500;
	background: #ffffff;
}

ul.dropdown > li {
	position: relative;
	width: 193px;
/*	z-index: 500; */
	padding: 0px;
	margin: 0px;
	background: #ffffff;
	border: 1px solid #fff;
}
ul.dropdown > li:hover {
	width: 200px;
	background: #f3f3ff;
	border-color: #b8d1ea;
	border-style: solid;
	border-width: 0px 0px 1px 1px;
}


ul.dropdown > li.last {
  background-image: none;
}

ul.dropdown > li div.dropdown-border {
  visibility: hidden;
  position: absolute;
  height: 100%;
  width: 10px;
  margin-top: 0px;
  left: 200px;
  z-index: 400;
  background: #f3f3ff;
}

ul.dropdown > li > ul {
	position: absolute;
	visibility: hidden;
	top: -1px;
	left: 200px;
	width: 100%;
	padding-bottom: 6px;
	z-index: 100;
	background: #f3f3ff;
	border-color: #b8d1ea;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
}

ul.dropdown > li:hover div.dropdown-border,
ul.dropdown > li:hover > ul {
	visibility: visible;
}

в html код:

	<ul  class="dropdown dropdown-vertical">
		<li >
		<div class="dropdown-border"></div>
		<a href="/set.html" >вид</a>
	<ul style="width: 85px">
		<p class="dropdown-level_2 text-small">
		<a href="..." >продукт1</a>
		</p>
		<p class="dropdown-level_2 text-small">
		<a href="..." >продукт2</a>
		</p>
		<p class="dropdown-level_2 text-small">
		<a href="..." >продукт3</a>
		</p>
		<p class="dropdown-level_2 text-small">
		<a href="..." >продукт4</a>
		</p>
	</ul>
		</li>
	</ul>

[psywalker]

Для начала необходимо поправить знания вот тут http://stepbystep.htmlbook.ru/ , далее попробовать сделать новое выпадающее меню с правильной вложенностью, нежели сейчас.

[SLY87]

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

psywalker, я бы с большим удовольствием поддался бы лигбезу, но времени, к сожалению, нет, а сайт нужно сдать рабочим. + к этой проблеме, ещё кучу контента надо разместить.

Edited December 25, 2009 by SLY87

[psywalker]

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

psywalker, я бы с большим удовольствием поддался бы лигбезу, но времени, к сожалению, нет, а сайт нужно сдать рабочим. + к этой проблеме, ещё кучу контента надо разместить.

Вот это ты считаешь правильной вложенностью?

<ul style="width: 85px">
<p class="dropdown-level_2 text-small">
<a href="..." >продукт1</a>
</p>
<p class="dropdown-level_2 text-small">
<a href="..." >продукт2</a>
</p>
<p class="dropdown-level_2 text-small">
<a href="..." >продукт3</a>
</p>
<p class="dropdown-level_2 text-small">
<a href="..." >продукт4</a>
</p>
</ul>

[SLY87]

<ul class="dropdown dropdown-vertical">

<li >

<div class="dropdown-border"></div>

<a href="/set.html" >Сетевое, телекоммуникационное оборудование</a>

<ul style="width: 85px">

<li >

<p class="dropdown-level_2 text-small">

<a href="/device/cisco/cisco.html" >Cisco Systems</a>

</p>

</li>

<li >

<p class="dropdown-level_2 text-small">

<a href="/device/linksys/linksys.html" >Linksys</a>

</p>

</li>

<li >

<p class="dropdown-level_2 text-small">

<a href="/device/planet/planet.html" >Planet</a>

</p>

</li>

<li >

<p class="dropdown-level_2 text-small">

<a href="/device/skypemate/skypemate.html" >Skypemate</a>

</p>

</li>

</ul>

</li>

</ul>

[psywalker]

Вот это уже другой разговор А теперь перепиши ЦСС уже к этому выпадающему меню, будем дальше смотреть.

[SLY87]

можно ещё тег <p> убрать Получили правильную вложенность

Edited December 25, 2009 by SLY87

[SLY87]

сейчас задам убийственный вопрос прошу не смеяться

всё заработало как только сменил <html> на

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

НО вот что это значит??? и с чем его едят? как эти строки повлияли на мою проблему???

[psywalker]

сейчас задам убийственный вопрос прошу не смеяться

всё заработало как только сменил <html> на

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

НО вот что это значит??? и с чем его едят? как эти строки повлияли на мою проблему???

Доктайп важен для правильного отображения и работы страницы во всех браузерах. Так что всё правильно, с доктайпом браузер вышел из непонятного ему режима и стал отображать сайт по твоим правилам, тоесть ты задал ему стандарт, по которому он должен отображать сайт.

А без Доктайпа браузер сам выбирает, как ему себя повести и все браузеры делают это по разному, а про ИЕ я вообще молчу, с ним так лучше не шутить даже.

[SLY87]

а на индексирование сайта доктайп влияет? поисковые роботы не "боятся" такого начала (типо сразу пошли ссылки на сторонние ресурсы, значит сайт фуфло и т.п. можно индексирование не продолжать)?

[psywalker]

а на индексирование сайта доктайп влияет? поисковые роботы не "боятся" такого начала (типо сразу пошли ссылки на сторонние ресурсы, значит сайт фуфло и т.п. можно индексирование не продолжать)?

Конечнож нет, причём тут поисковики, Доктайп на них никак не влияет, он нужен для правильного отображения как раз таки тех ресурсов, на которые и должны эти самые поисковики ссылаться и т. д. Вообще почитай о Доктайпах, я тебе советую, развеешь все мысли сразу.

[SLY87]

psywalker, большое-большое СПАСИБО за помощь!!!! уже читаю о них)))

[psywalker]

psywalker, большое-большое СПАСИБО за помощь!!!! уже читаю о них)))

Пожалуйста дружище, возвращайся ещё, только в следующий раз уже подготовленным