Discussion :

[alain78]

Bonjour,

Je débute en CSS et j'ai réussi à faire un menu déroulant avec PHP et sans JS (impératif). Mon menu fonctionne très bien sous FF. J'ai le niveau 1 qui s'affiche ainsi que le niveau 2. Les liens du niveau 2 fonctionnent correctement.

Par contre sous IE8 et IE9 voici ce qui se produit.
Affichage du niveau 1 mais pas d'affichage du niveau2 lorsque je survole le niveau 1.

De plus, alors que le niveau 1 n'a pas de lien, IE m'affiche un lien vers dossier qui renferme mon script.

Je ne comprend où se trouve l'erreur?

Avez vous une idée?

Code PHP/HTML

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
 
echo "<div class='fenetre_menu '>";
echo "<ul class='menu'><li>";
echo "<a href=''>$tab_dico[msg_univers]</a>";
echo " <ul><li>";
if ($_SESSION[admin_client]=='o' OR in_array('147',$_SESSION[droits])){
	echo "<a href='../admin/univers/univers_creer.php'>$tab_dico[msg_creer]</a></li><li>";
}
if (in_array('151',$_SESSION[droits]) OR in_array('148',$_SESSION[droits])
OR $_SESSION[admin_client]=='o'){
	echo "<a href='../admin/univers/univers_modifier.php'>$tab_dico[msg_modifier]</a></li>";
}
if (in_array('149',$_SESSION[droits]) OR $_SESSION[admin_client]=='o'
OR in_array('151',$_SESSION[droits])){
	echo "<a href='../admin/univers/univers_supp_voir.php?demande=1'>$tab_dico[msg_supprimer]</a></li>";
}
if (in_array('150',$_SESSION[droits]) OR $_SESSION[admin_client]=='o'
OR in_array('151',$_SESSION[droits])){
	echo "<a href='../admin/univers/univers_supp_voir.php?demande=2'>$tab_dico[msg_consultation]</a></li>";
}
echo "</ul></li><li>";
 
echo "</div>";

Code CSS

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
 
.fenetre_menu {
	background-color: white;
	border-color: #0000ff;
	border-style: solid;
	border-width: 0em;
	direction: ltr;
	font-family:"Arial","Times New Roman", "Courier New";
	font-size: .8em;
	font-style: normal;
	font-weight: bold;
	line-height: 150%;	
	height: 70%;
	width: 15%;
	margin: 0%;
	padding: 0%;
	left:1%;
	top:12%;
	text-align: left;
	position:absolute;
 	overflow:auto;  	
}
 
ul.menu {
	list-style-type: none;
}
ul.menu ul {
	position: absolute;
	display: none;
	list-style-type: none;
	width: 100%;	
	left: 0;
 
}
ul.menu li a:link, ul.menu li a:visited {
	display: block;
	color: #000000;			/*noir*/
	background: #FFFFFF; /*blanc*/
	width: 100%;
	text-decoration: none;
}
 
ul.menu li a:hover {
	background: #DCDCDC;
		color: blue;
}
 
ul.menu li:hover > ul {
	display: block;
	background: #FFFFFF; /*blanc*/	
	text-transform:capitalize;
	left:5%;
}
ul.menu a {
	border: 0em #000000 solid;
}

[alain78]

J'ai re-testé en simplifiant le code et cela ne fonctionne pas.

IE n'affiche pas les sous menus ???

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
 
<div class='fenetre_menu'>
<ul class='menu'>
<li>
<a href='#'>univers</a>
	<ul>
		<li>
		<a href='../admin/univers/univers_creer.php'>créer</a>	
		</li>
		<li>
		<a href='../admin/univers/univers_modifier.php'>modifier</a>	
		</li>
		<li>
		<a href='../admin/univers/univers_supprimer.php'>supprimer</a>	
		</li>
		<li>
		<a href='../admin/univers/univers_creer.php'>voir</a>	
		</li>
	</ul>	
</li>
</ul>
</div>

[alain78]

Personne ne peut m'aider ?

Mon script fonctionne aussi sous Chrome parfaitement.

Je pense qu'il doit s'agit de mon code CSS. Peut être les display ???

Je suis bloqué et je ne trouve rien d'anormal.

[alain78]

Ce qui n'allait pas c'était un mauvais doctype sur la page. Ainsi IE basculait en mode quirks (je suppose) et n'interprétait pas correctement CSS.

[NoSmoking]

Bonjour,

Ce qui n'allait pas c'était un mauvais doctype sur la page.

c'est malheureusement souvent le cas