Menu a problème.

**mizupowa** · 16/05/2007, 00h47

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 :

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
<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 :

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
.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

**blueice** · 16/05/2007, 10h52

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 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
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...

**mizupowa** · 16/05/2007, 12h28

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 :

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