Discussion :

[dolphi]

Bonjour à tous,

Sur le site de mon club de plongée on a un menu déroulant réaliser en Css que j'avais récupérer ici dans un tutorial. Merci au passage.

L'ennui c'est qu'avec internet explorer 7 le menu s'affiche bien mais quand je veux cliquer sur un sous menu celui-ci s'efface au lieu de rester en place, résultat je peux difficilement cliquez dessus. Sur Firefox pas de soucis.

Je précise que le menu s'affiche correctement dans les deux navigateurs mais fonctionne mal sous IE7.

Je vous donne le code CSS du menu si sa peux vous aider :

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
78
79
80
81
82
#menu, #menu ul 
{
	padding : 0;
	margin : 0;
	list-style : none; 
	line-height : 21px; 
	text-align : center; 
}
 
#menu 
{
	font-weight : bold; 
	font-family : Arial; 
	font-size : 12px; 
}
 
#menu a 
{
	display	: block;
	padding	: 0; 
	background-color: #005aae;
	color : #FF9900; 
	text-decoration : none; 
	width : 95px; 
}
 
#menu li 
{ 
	float : left; 
	border-right : 1px solid #fff; 
}
 
html>body #menu li
{
	border-right: 1px solid transparent ; 
}
 
#menu li ul 
{ 
	position: absolute; 
	width: 144px; 
	left: -999em; 
}
 
 
#menu li ul li 
{
	border-top : 1px solid #fff;
}
 
html>body #menu li ul li		
{
	border-top : 1px solid transparent; 
}
 
#menu li ul ul 
{
	margin : -22px 0 0 144px ; 	
	border-left	: 1px solid #fff ; 
}
 
html>body #menu li ul ul		
{
	border-left	: 1px solid transparent ; 
}
 
#menu a:hover 
{
	color: #005aae; 
	background: #b1d9ff; 
}
 
#menu li:hover ul ul, #menu li.sfhover ul ul 
{
	left: -999em; 
}
 
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  
{
	left: auto; 
	min-height: 0;
}

Merci d'avance pour votre aide

Dolphi

[dolphi]

Je viens de voir dans le tutorial de ce site que vous avez le même problème à savoir que les sous menus s'enlèvent avant qu'on est le temps de cliquer dessus !! Serait ce du à mon ordi ??

http://http://css.developpez.com/tut...nu01test.html#

Que dois je faire ??

[12monkeys]

Bonsoir

En effet il y a un soucis avec IE 7,

Remplace dans cette partie du code le height: auto; par height: 1%;

Code :

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

1
2
3
4
5
6
7
8
9
10
11
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;// ici le changement il y avait auto avant comme valeur
	color: #FFF;
	background: #3B4E77;
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}

Je vais signaler ce petit souci à l'équipe...