Problème de menu déroulant qui se referme directement dans IE et pas dans FF

**gregius** · 24/04/2007, 19h27

Hello,

J'ai un problème au niveau de la mise en place d'un menu horizontal déroulant.
Dans firefox, pas de problème, il se déroule comme il faut et ne se referme pas quand on descend dans le menu.
Par contre, quand je teste dans IE, dès que je descend, il se referme.
J'ai remarqué que c'était le cas lorsque le menu déroulant se trouvait au dessus d'une partie de la page centrale où il y avait un lien...
C'est comme s'il donnait la priorité aux liens de la page centrale par rapport au menu...
Quelqu'un aurait-il déjà rencontré le même problème?

Voici l'exemple : http://ulb.geo.free.fr/stratec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
 
<!-- *** HEADER *** -->	 
	<div id="header" style="position:absolute;z-index:50;width: 100%; display:block">
		<div id="headerBanner" onmouseover="javascript:show();">	
			<div id="headerTexture">&nbsp;</div>
			<div id="headerPicture">&nbsp;</div>
	 	  	<div id="headerTitle" style="visibility: hidden;"><h1>Un Bureau de Conseil intépendant</h1></div>
		</div>	
		<div id="headerNav">
				<div id="headerMenu">
					<ul>
							<li onmouseover="javascript:show('smenu1');" id="smenu1t" ><a href="La_societe-1.htm">Société</a></li>
		<li onmouseover="javascript:show('smenu2');" id="smenu2t" ><a href="Domaines_d_activite-2.htm">Domaines</a></li>
		<li onmouseover="javascript:show('smenu3');" id="smenu3t" ><a href="Le_savoir_faire_de_STRATEC-3.htm">Savoir-faire</a></li>
		<li onmouseover="javascript:show('smenu4');" id="smenu4t" ><a href="Contacts-4.htm">Contacts</a></li>
 
					</ul>	
				</div>		
<!-- 			 	<form action="?" method="post">
	         	<div id="headerSearch">		 
   			 		<input type="text" name="search" size="20" maxlength="256" class="headerSearchInput"/>
  			 		<input type="submit" value="sch" class="headerSearchButton"/>   			 
    		 	</div>
			 	</form>      -->	                           
				<div id="headerIcons">	
			  		<a href="Accueil-0.htm"  title="Homepage">
					   <img src="../images/icons/nav_home.gif" width="16" height="16" alt=""/></a> - 		
					<a href="Aide-5.htm"  title="Help">
					   <img src="../images/icons/nav_help.gif" width="16" height="16" alt=""/></a> -
					<a href="../admin/"  title="Administration">
					   <img src="../images/icons/nav_admin.gif" width="16" height="16" alt=""/></a> - 		
	                <a href="http://easyshare.oodrive.com/workspace/stratec/" title="Extranet - STRATEC">
	                   <img src="../images/icons/hdd2.gif" border="0"  alt=""></a>                   
				</div>	     						  
    	</div>	   
	</div>    
 
<!-- *** MENU HORIZONTAL *** -->	 
	<div id="menuh">
		<dl style="left:30px;"><dd id="smenu1">
	    <ul><li class="menu_title">La société</li>
				    <li><a href="Stratec-1.1.htm">Stratec</a></li>
				    <li><a href="Les_agrements-1.2.htm">Les agréments</a></li>
				    <li><a href="La_philosophie-1.3.htm">La philosophie</a></li>
				    <li><a href="L_equipe-1.4.htm">L’équipe</a></li>
				    <li><a href="Les_publications-1.5.htm">Les publications</a></li>
 
    	</ul></dd></dl><dl style="left:115px;"><dd id="smenu2">
	    <ul><li class="menu_title">Domaines d’activité</li>
				    <li><a href="Le_transport-2.1.htm">Le transport</a></li>
				    <li><a href="L_environnement-2.2.htm">L’environnement</a></li>
				    <li><a href="L_amenagement_du_territoire-2.3.htm">L’aménagement du territoire</a></li>
				    <li><a href="Interdisciplinarite-2.4.htm">Interdisciplinarité</a></li>
				    <li><a href="Strategie_et_gestion_d_entreprise-2.5.htm">Stratégie et gestion d’entreprise</a></li>
 
    	</ul></dd></dl><dl style="left:202px;"><dd id="smenu3">
	    <ul><li class="menu_title">Le savoir-faire de STRATEC</li>
				    <li><a href="La_collecte_de_donnees-3.1.htm">La collecte de données</a></li>
				    <li><a href="Traitement_de_l_information-3.2.htm">Traitement de l’information</a></li>
				    <li><a href="Mesures_et_analyses_environnementales-3.3.htm">Mesures et analyses environnementales</a></li>
				    <li><a href="Les_etudes_europeennes-3.4.htm">Les études européennes</a></li>
 
    	</ul></dd></dl><dl style="left:311px;"><dd id="smenu4">
	    <ul><li class="menu_title">Contacts</li>
				    <li><a href="Adresse_et_coordonnees-4.1.htm">Adresse et coordonnées</a></li>
				    <li><a href="Plan_d_accessibilite-4.2.htm">Plan d’accessibilité</a></li>
				    <li><a href="Personnes_de_contacts-4.3.htm">Personnes de contacts</a></li>
				    <li><a href="Offres_d_emploi-4.4.htm">Offres d’emploi</a></li>
 
    	</ul></dd></dl><dl style="left:410px;"><dd id="smenu5">
	    <ul><li class="menu_title">Aide</li>
				    <li><a href="Plan_du_site-5.1.htm">Plan du site</a></li>
 
    	</ul></dd></dl>		
	</div>	                                                                                                         
 
<!-- ........................................................................................................  -->

et voici le javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
// javascript : menu horizontal
		function show(id) {
		var d = document.getElementById(id);
		for (var i = 1; i<=6; i++) 
			if (document.getElementById('smenu'+i)) 
	        		document.getElementById('smenu'+i).style.display='none';
		if (d) {d.style.display='block';}  		 
		}