Overlap de contenu

Version imprimable

23/11/2006, 18h20
mathieugamin

Overlap de contenu

Bonjour,
J'ai installé un menu fait tout en CSS, mais problème sous IE:? (pour changer...), lorsque je fais appel à un menu contextuel en JS, cela masque le contenu.

Bizarrement, la hauteur masquant le texte correspond à la hauteur max de mon menu...:|

Quelqu'un a-t-il une idée? Parce que là j'en peux plus !:evilred: :marteau: :wow:

Merci!

S'il faut je peux ajouter le code.

Précisions :
1-Ce n'est pas le menu qui masque le contenu.
En faisant mes tests pour trouver quels paramètre foire, j'ai vu que c'était le body qui mettait le boxon...
2-J'utilise une autre feuille CSS pour la mise en page du contenu.

Si ça peut aider quelqu'un à m'aider:D

Voici le code CSS du menu :

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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
.men {
width:750px; 
font-size:8pt;
position:relative;
z-index:100;
}
 
.men ul {
padding:0;
margin:0;
list-style-type:none;
}
.men ul ul {
width:150px;
}
 
.men li {
float:left;
width:150px;
position:relative;
}
 
 
.men a, .men a:visited {
display:block;
font-size:8pt;
text-decoration:none; 
color:#fff; 
width:150px; 
height:10px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#758279; 
padding-left:2px; 
line-height:15px;
}
 
* html .men a, * html .men a:visited {
width:150px;
w\idth:150px;
}
 
.men ul ul a.drop, .men ul ul a.drop:visited {
background:#d4d8bd;
}
 
.men ul ul a.drop:hover{
background:#c9ba65;
}
.men ul ul :hover > a.drop {
background:#c9ba65;
}
 
.men ul ul ul a, .men ul ul ul a:visited {
background:#C0C0C0;
}
/* style the third level hover */
.men ul ul ul a:hover {
background:#b2ab9b;
}
 
.men ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:150px;
}
 
* html .men ul ul {
top:30px;
t\op:31px;
}
 
 
.men ul ul ul{
left:150px; 
top:36;
width:30px;
text-align:center;
}
 
.men ul ul ul.left {
left:-150px;
width:150px;
top:15px;
text-align:left;
}
 
 
.men table {position:absolute; top:-15; left:0;}
 
.men ul ul a, .men ul ul a:visited {
background:#d4d8bd; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px; 
width:150px	
 
}
* html .men ul ul a{
width:150px;
w\idth:150px;
}
 
.men a:hover, .men ul ul a:hover{
color:#fff; 
background:#949e7c;
}
.men :hover > a, .men ul ul :hover > a {
color:#fff;
background:#949e7c;
}
 
.men ul li:hover ul,
.men ul a:hover ul{
visibility:visible; 
}
 
.men ul :hover ul ul{
visibility:hidden;
}
 
 
.men ul :hover ul :hover ul{ 
visibility:visible;
}

Merci

24/11/2006, 09h10
trotters213

:salut:
il faudrait que tu nous montre le problème en nous donnant l'URL de ton site ou en nous montrant tes sources parce que comme ça d'est pas évident.
24/11/2006, 15h20
mathieugamin

En fait je ne peux pas car c'est sur le réseau interne de ma boîte...

Je peux donner des captures...
Voici :http://www.developpez.net/forums/att...1&d=1164377806

Ca c'est ce qui se passe quand je fais apparaître mon menu contextuel.:cry:

Le body recouvre toute la partie haute de la page...
Normalement, il y a une bannière de titre et un fil d'ariane, et quelques images...

Est-ce plus clair?
27/11/2006, 21h48
mathieugamin

J'ai finalement trouvé la solution... bien entendu propre à IE, pour changer !

En fait c'est le z-index de la div utilisée par le menu qui flanche tout dans IE, mais pas dans FF (étrange, non? )

Enfin donc voilà, il suffisait de le retirer ce z-index...

Merci à ceux qui ont cherché !