Проблема с расположением горизонтального меню в IE

« : 10.12.2007, 04:27:32 »

Сделал горизонтальную менюшку, которая состоит из разделов разной длины, расположеных на различном расстоянии друг от друга. В Firefox все отображается корректно, в IE6 появляются непонятные отступы, при выборе раздела меню расположение всех остальных разделов плывет...
Ниже кусок CSS... Помогите, плиз...

Код

/* menu */
div#menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
}
 
div#menu ul.mainmenu {
	padding: 0px;
	margin: 0px;
	left: 0px;
    width: 800px;
    list-style: none;
	float: left;
}

div#menu li.item1 {
	float: left;
    padding: 0px;
	margin: 0px;
    height: 20px;
    background: none;
}

div#menu li.item2 {
    float: left;
    margin: 2px 0px 0px 35px;
	height: 20px;
    background: none;
}

div#menu li.item4 {
	float: left;
    margin: 2px 0px 0px 40px;
	height: 20px;
    background: none;
}

div#menu li.item6 {
	margin: 2px 0px 0px 52px;
	height: 20px;
    background: none;
}


div#menu li a {
	display: block;
  	padding: 0px 15px 0px 15px;
	background: none;
	overflow: hidden;
	font-size: 105%;
	font-weight: bold;
	color: #3A1751;
	text-decoration: none;
}


div#menu a:link, div#menu a:visited {
	color: #3A1751;
}

div#menu li a:hover {
	color: #3A1751;
}

div#menu li.item1.active {
   float: left;
   height: 20px;
   margin: 0px 0px 0px 0px;
	
}

div#menu li.item2.active {
   float: left;
   height: 20px;
   margin: 0px 0px 0px 35px;
	
}

div#menu li.item4.active {
   float: left;
   height: 20px;
   margin: 0px 0px 0px 40px;
	
}

div#menu li.item6.active {
   
   height: 20px;
   margin: 0px 0px 0px 52px;
	
}

div#menu li.active a {
  	background: none;
	color: #3A1751;
}

Записан

MrBin

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

Re: Проблема с расположением горизонтального меню в IE

« Ответ #1 : 10.12.2007, 12:27:21 »

Код

 
<!--[if IE]><style type=\"text/css\"> div#menu ul li { float: left }</style><![endif]-->

Попробуйте этот код прямо в генерируемый HTML (для подавления разрывов между пунктами в меню для ИЕ),
если я, конечно, правильно понял тему.
У меня была похожая проблемка с динамическим меню.

З.Ы. не знаю как реализовать стиль для определённого браузера в файле CSS.

Записан

Re: Проблема с расположением горизонтального меню в IE

« Ответ #2 : 10.12.2007, 21:35:02 »

Спасибо, но не помогло...

Трабл в том, что в IE все li ведут себя так, как им вздумается:
активными они располагаются в одном месте, в неактивном - смещаются, кроме того, в зависимости от выбранного li общее расположение тоже меняется...

Записан

MrBin

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

Re: Проблема с расположением горизонтального меню в IE

« Ответ #3 : 11.12.2007, 08:21:49 »

хмм .. странно .. у меня такая же проблемма была в ИЕ, всё заработало после добавления данного кода ...
хотя может нада поэксперементировать с div#menu ul без li ...
больше мыслей нет

Записан

Кликабельность псевдоэлемента в пункте меню Автор vasilii.pupkov	Ответов: 4 Просмотров: 15713	29.12.2021, 23:15:38 от v42bis
Проблема с таблицей при просмотре с мобильника Автор annetkas	Ответов: 5 Просмотров: 3295	19.11.2021, 14:06:15 от effrit
Выпадающее меню Автор DrShepard	Ответов: 10 Просмотров: 14767	20.10.2021, 12:36:16 от DrShepard
Как закруглить края выпадающего меню? Автор coliandra	Ответов: 1 Просмотров: 4545	11.12.2020, 21:15:57 от effrit
При прокрутке страницы виджет залезает на меню Автор coliandra	Ответов: 2 Просмотров: 4374	27.11.2020, 11:33:58 от coliandra

Проблема с расположением горизонтального меню в IE - Вопросы по CSS

Новости Joomla

Вышли релизы безопасности Joomla 6.1.4 и Joomla 5.4.9

JoomShift - компонент переноса контента между Joomla сайтами.

Проблема с расположением горизонтального меню в IE

MrBin

Re: Проблема с расположением горизонтального меню в IE

Re: Проблема с расположением горизонтального меню в IE

MrBin

Re: Проблема с расположением горизонтального меню в IE

Похожие темы