[résolu] Menu + sous-menu horizontal et problème IE

kochi

14 Apr 2006 à 12:56

Salut,

Je suis en train de créer une navigation horizontale et tout marche comme prévu sauf que mon sous-menu horizontal est positioné différament sous FF et IE (sous FF = bien ; sous IE = pas bien Smiley cligne

)

La page : http://www.whatever.lu/test/test.html

Le css :http://www.whatever.lu/test/customize.css

ou :


#menu {
	position:relative;
	width:970px; /* fix max width to avoid warping around if browrser windo is resized */
	text-align:left;
}

#menu ul {
	padding:0;
	margin:0 0 0 20px;
	list-style-type: none;
	list-style-position:inside;
}

#menu ul li {
	margin:0 0.75em; /* reduce if you have more main menu items */
	float:left;
}


#menu ul#submenu {
	float:left;
	margin-left:-0.75em;
	position:absolute;
	left:auto;
	top:2.3em;
	border-bottom: 1px solid #00344D;
	white-space: nowrap;
	font-size:0.8em;
}

Un grand merci d'avance pour vos commentaires ...

a+,
kochi
Modifié par kochi (14 Apr 2006 - 15:52)

kochi

14 Apr 2006 à 15:57

La solution est trop facile (et comme souvent trop con) :

Dans l'HTML, il sufit de placer l'ul du sous-menu directement derière le li :


<ul>
	<li>menu 1</li>
	<li>menu 2</li>
	<li>
		<ul id="submenu">
			<li>Sous-Menu 1</li>
			<li>Sous-Menu 2</li>
			<li>Sous-Menu 3</li>
		</ul>

	menu 3
	</li>
...
</ul>