Disparition d'un sous menu sous IE.

**hervay** · 12/02/2009, 13h13

bonjour,
je suis en train de construire mon site web,

j'ai fait un menu sur la partie gauche de mon site, qui marche impec' sous FF.
Cependant sous IE (6 et 7...) il m'apparait un grand décalage entre les sous menu et il disparait des que je clique sur un de celui-ci. Je viens de rechercher mais je n'ai pas trouver de solution a mon problème.

voici la page test ( c'est normal que rien s'affiche dans la mainframe

)

http://hervay-photographer.net/test/test.html

Et voici le code :

Code CSS :

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
li{
cursor: pointer;
}
 
.Style1 {
	font-size: 22px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:none;
	color:#000000;	
}
 
.Style2 {
	font-size: 14px;
font-family:"Times New Roman", Times, serif;	font-weight:bold;
	text-decoration:none;
	color:#000000;	
}
 
.Style3 {
	font-size: 36px;
	font-family:"Edwardian Script ITC";
	font-weight:bold;
	text-decoration:none;
	color:#000000;	
}

Code HTML :

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
<script type="text/javascript">
function GestionMenu(objet){
var objetFils = "Sous"+objet.id;
var elmt =  document.getElementById(objetFils);
 
if (elmt.style.display=="none")
    elmt.style.display = "block";
else
    elmt.style.display = "none";
 
}
</script>
 
</head>
<body>
 
<p>&nbsp;</p>
<li id="Menu1"onclick="GestionMenu(this)" class="Style3" >Galeries</li>
<ul id="SousMenu1" style="display: none">
  <li id="Menu2"onclick="GestionMenu(this)"  ><a class="Style1">Architechture</a></li>
        <ul id="SousMenu2" style="display: none">
         <li ><a href="../../Metz/index.html" target="mainFrame" class="Style2">Metz</a></li>
         <li ><a href="../../ParisFish/index.html" target="mainFrame" class="Style2">Paris - Fish Eye</a></li>
         <li ><a href="../../Eiffelfish/index.html" target="mainFrame" class="Style2">Tour Eiffel</a></li>
         <li ><a href="../../Arctriomphe/index.html" target="mainFrame" class="Style2">Arc de Triomphe</a></li>
         <li ><a href="../../PinkCathedral/index.html" target="mainFrame" class="Style2">The Pink Cathedral</a></li>
  </ul>
 
    <li id="Menu3"onclick="GestionMenu(this)"  ><a class="Style1">Beauté</a></li>
          <ul id="SousMenu3" style="display: none">
       <li ><a href="../../Alex/index.html" target="mainFrame" class="Style2">Alexandra</a></li>
       <li ><a href="../../Audrey/index.html" target="mainFrame" class="Style2">Audrey</a></li>
       <li ><a href="../../Audrey2/index.html" target="mainFrame" class="Style2">Audrey</a></li>
       <li ><a href="../../Carole/index.html" target="mainFrame" class="Style2">Carole</a></li>
       <li ><a href="../../Celine/index.html" target="mainFrame" class="Style2">Céline</a></li>
       <li ><a href="../../Melanie/index.html" target="mainFrame" class="Style2">Mélanie</a></li>
  </ul> 
 
  .
  .
  .
  .
  .
 
   </ul>
 
</ul>
</body></html>

Invité · 12/02/2009, 15h28

Il faut que tu utilises les hack CSS pour IE.

**HiRoN** · 12/02/2009, 18h48

Envoyé par cheval_boiteux

Il faut que tu utilises les hack CSS pour IE.

+ 1...

Dans l'idée :

Code HTML :

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

1
2
3
4
5
6
7
<!--[if IE]>
<style type="text/css">
#Menu2 { margin-top:-25px;  }
#Menu3 { margin-top:-15px;  }
#SousMenu2 li, #SousMenu3 li { margin-top:-25px;  }
</style>
<![endif]-->

Il doit être possible de faire plus simple...

**hervay** · 12/02/2009, 21h48

okay, je vous remercie, je jette un œil ce week-end a ça, et je vous tiens au courant.

Merci les gars

**hervay** · 16/02/2009, 09h01

Hello à vous,

me revoila,

Votre technique fonctionne pour ce qui est de l'affichage (je n'ai plus les grand espaces sous IE) par contre, je n'arrive pas a dérouler mes SousMenuX.

Ou alors c'est moi qui ne comprend pas le code à utiliser ?!

Disparition d'un sous menu sous IE.

HTML

Vue hybride

Discussions similaires

Partager

Partager