Menu a problème.

Version imprimable

Menu a problème.

Bonjour, je suis en train de faire un menu pour mon futur site.
Le problème est que sous fire fox il n'y a pas de problème, alors que sous internet exploreur, lorsque toutes les div des sous menus sont cachées, on voi apparaitre un grosse bande blanche en plein milieu du menu.

Source de menu.php qui est inclus dans un div de 175px de large dans accueil.php

Code:

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
<head>
<link href="./includes/css/menu.css" rel="stylesheet" type="text/css" />
<script>
function AfficheCache(Menu, SMenu){
        alert
        if (document.getElementById(SMenu).style.display == "inline"){
        document.getElementById(SMenu).style.display = "none";
        }
        else{
                document.getElementById(SMenu).style.display = "inline";
        }
}
</script>
</head>
 
<body >
<div class="choix" id='Accueil' onclick="AfficheCache(this.id,'SAccueil')">
Accueil
</div>
<div class="ssmenu" id='SAccueil' style="display:none">
News
<hr />
Règles
</div>
<div class="choix" id='Jeu' onclick="AfficheCache(this.id, 'SJeu')">
Jeu
</div>
<div class="ssmenu" id='SJeu' style="display:inline" >
Pseudo
Points
<hr />
Iles
</div>
<div class="choix" id='Contact' onclick="AfficheCache(this.id, 'SContact')" >
Contact
</div>
<div class="ssmenu" id='SContact' style="display:inline">
Menu 4
</div>
 
</body>

Et voisi le code de menu.css :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.menu{
	background-color : #FFFFFF;
}
.choix{
	float:left;
	height : 33px;
	width : 175px;
	text-align:center;
	background-color : #919191;
}
.ssmenu{
	float:left;
	width : 175px;
	border-color:#FFFFFF;
	text-align:center;
	background-color : #123456;
}

PS : tout ce qui est couleurs et autre, c'est juste pour bien visualiser lors des test...

Merci

Pour commencer, tu pourrais avoir l'obligeance de donner un code entier comme ceci, ca fait gagner du temps à tout le monde et ca te permettra d'obtenir plus de réponses...

Code:

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Untitled</title>
	<script>
function AfficheCache(Menu, SMenu){
        alert
        if (document.getElementById(SMenu).style.display == "inline"){
        document.getElementById(SMenu).style.display = "none";
        }
        else{
                document.getElementById(SMenu).style.display = "inline";
        }
}
</script>
<style type="text/css" title="text/css">
/* <![CDATA[ */
.menu{
	background-color : #FFFFFF;
}
.choix{
	float:left;
	height : 33px;
	width : 175px;
	text-align:center;
	background-color : #919191;
}
.ssmenu{
	float:left;
	width : 175px;
	border-color:#FFFFFF;
	text-align:center;
	background-color : #123456;
}
/* ]]> */
</style>
</head>
<body>
<div class="choix" id='Accueil' onclick="AfficheCache(this.id,'SAccueil')">
Accueil
</div>
<div class="ssmenu" id='SAccueil' style="display:none">
News
<hr />
Règles
</div>
<div class="choix" id='Jeu' onclick="AfficheCache(this.id, 'SJeu')">
Jeu
</div>
<div class="ssmenu" id='SJeu' style="display:inline" >
Pseudo
Points
<hr />
Iles
</div>
<div class="choix" id='Contact' onclick="AfficheCache(this.id, 'SContact')" >
Contact
</div>
<div class="ssmenu" id='SContact' style="display:inline">
Menu 4
</div>
</body>
</html>

Ensuite, ça affiche n'importe quoi dans FF et Safari, lorsque l'on clique sur les menus donc, en clair, à revoir...

16/05/2007, 11h28
mizupowa

Mes fichiers étant séparés je n'ai pas de page comportant le code complet comme tu l'as écrit.
Pour voir ce que cela donne, je le met en ligne vite fait.
http://mizu.up.free.fr/accueil.php

ce que je ne comprend pas, c'est le rectangle blanc qui se forme sous ie dans le menu...

Désolé pour les imprecisions, je n'ai pas l'habitude de poster.

Bon allé j'édite pour pas flooder :)

Bon ben c'est résolu, il suffisait que je mette un

Code:

<br>

a la fin de mon menu, et allez savoir pourquoi ca m'a enlevé le buG ie...:yaisse2:

Merci quand meme