integration sous IE et sous Mozilla

**silverfab34** · 26/09/2007, 09h40

Bonjour à tous,
Je suis en train de creer un site web statique en HTML et javaScript.
Ma page principal est un cadre avec un menu en javascript (que j'appel !).
Mon souci vient du fait que je n'arrive pas à positionner ce menu à la bonne place. Il se place correctement sous IE mais mal sous Mozilla.
Si quelqu'un peut m'aider.

Voici le menu. (recuperer sur le net et completer par moi !)

menu.js

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
83
84
85
86
87
88
89
90
91
92
93
 
//************ Menu Principal ************// 
Color0M = '#FC7613' //Couleur du texte orange
Color1M = '#577b8b' //Couleur Arrière gris foncé
Color2M = '#CCCCCC' //Couleur Arrière Surbrillance  gris clair
Color3M = '#CCCCCC' //Couleur Bordure gris clair
PosY = 500 //Distance entre le haut de l'écran et le menu 
LargeurM = 110 //Largeur 
HauteurM = 30 //Hauteur 
AlignM = 'center' //'center','right','left' 
FontM = 'Arial' //Police 
SizeM = 12 //Taille de la Police 
WeightM = 'bold' //Epaisseur de la Police 
CursorM = 'default' //Curseur-> default,hand... 
 
menu = new Array 
i=0 
//--------[Texte/Html]------------------[ Adresse ]--------------------------// 
menu[i++]='About Us' ;menu[i++]='#' 
menu[i++]='Solutions' ;menu[i++]='#' 
menu[i++]='Products' ;menu[i++]='#' 
menu[i++]='Partners' ;menu[i++]='#' 
menu[i++]='Resellers' ;menu[i++]='#' 
menu[i++]='Support' ;menu[i++]='#'
menu[i++]='Contact' ;menu[i++]='#'
 
//************ Sous-Menus ************// 
Color0S = '#000000' //Couleur du texte 
Color1S = '#CCCCCC' //Couleur Arrière 
Color2S = '#999999' //Couleur Arrière Surbrillance 
Color3S = '#CCCCCC' //Couleur Bordure 
EnLigne = 0 //1:pour ranger sur une seule ligne 0:en colonne 
LargeurS = 110 //Largeur 
HauteurS = 20 //Hauteur 
AlignS = 'center' //'center','right','left' 
FontS = 'Arial' //Police 
SizeS = 10 //Taille de la Police 
WeightS = 'bold' //Epaisseur de la Police 
FonduS = 1 //1:Fondu, 0:aucun 
CursorS = 'default' //Curseur-> default,hand... 
 
k=-1; zlien=new Array 
 
i=0; zlien[++k]=new Array 
//------------[Texte/Html]------------------[ Adresse ]-------------------------------// 
zlien[k][i++]='News';zlien[k] [i++]=''
i=0; zlien[++k]=new Array 
i=0; zlien[++k]=new Array 
i=0; zlien[++k]=new Array 
i=0; zlien[++k]=new Array 
i=0; zlien[++k]=new Array 
i=0; zlien[++k]=new Array 
//************ Fin des paramètres, Début du programme ************// 
document.write('<style>') 
document.write('.ejmenu {background:'+Color1M+';text-align:'+AlignM+';font:'+WeightM+' '+SizeM+' '+FontM+';color:'+Color0M+';cursor:'+CursorM+'}') 
document.write('.ejsmenu {background:'+Color1S+';text-align:'+AlignS+';font:'+WeightS+' '+SizeS+' '+FontS+';color:'+Color0S+';cursor:'+CursorS+'}') 
document.write('</style>') 
 
function fadeIn(obj) 
{ obj.style.filter="blendTrans(duration=1)" 
  if(obj.filters.blendTrans.status!=1) 
  { obj.filters.blendTrans.Apply() 
    obj.style.visibility="visible" 
    obj.filters.blendTrans.Play() 
  } 
} 
 
document.onclick = function() { skn.visibility='hidden' } 
//document.onmousemove = function() { dgt.top=document.body.scrollTop+PosY; dgt.visibility='visible' } 
//window.onscroll = function() { dgt.visibility=skn.visibility='hidden' } 
 
function pop(msg,pos) 
{ skn.visibility="hidden" 
  skn.top= HauteurM 
  if(!msg.length) return 
  if(EnLigne) 
  { content="<TABLE style='border-collapse:collapse;'WIDTH="+LargeurM*menu.length/2+" bordercolor="+Color3S+" BORDER=1><TR>" 
    for(pass=0;pass<msg.length;pass+=2) content+="<TD onMouseDown='location.href=\""+msg[pass+1]+"\"' onMouseOver=\"this.style.background='"+Color2S+"'\" onMouseOut=\"this.style.background='"+Color1S+"'\" HEIGHT="+HauteurS+" CLASS=ejsmenu>"+msg[pass]+"</TD>" 
  } else 
  { skn.left=pos-1 
    content="<TABLE style='border-collapse:collapse;'WIDTH="+LargeurS+" bordercolor="+Color3S+" BORDER=1>" 
    for(pass=0;pass<msg.length;pass+=2) content+="<TR><TD WIDTH="+LargeurS+" onMouseDown='location.href=\""+msg[pass+1]+"\"' onMouseOver=\"this.style.background='"+Color2S+"'\" onMouseOut=\"this.style.background='"+Color1S+"'\" HEIGHT="+HauteurS+" CLASS=ejsmenu>"+msg[pass]+"</TD></TR>" 
  } 
  document.getElementById("topdeck").innerHTML=content+"</TR></TABLE>" 
  if(document.all && FonduS) fadeIn(topdeck); else skn.visibility="visible"; 
} 
 
document.write('<DIV style="position:relative"><DIV style="POSITION:absolute;VISIBILITY:hidden;z-index:15" id=topdeck></DIV><TABLE ID=topmenu style="position:absolute;border-collapse:collapse;" bordercolor='+Color3M+' BORDER=1 WIDTH='+LargeurM*menu.length/2 +' HEIGHT='+HauteurM+'><tr>') 
skn=document.getElementById('topdeck').style 
//dgt=document.getElementById('topmenu').style
for(pass=0;pass<menu.length/2;pass++) document.write("<TD WIDTH="+LargeurM+" onMouseDown='location.href=\""+menu[pass*2+1]+"\"' onMouseOver='this.style.background=\""+Color2M+"\";pop(zlien["+pass+"],this.offsetLeft)' onMouseOut='this.style.background=\""+Color1M+"\"' CLASS=ejmenu>"+menu[pass*2]+"</TD>") 
document.write('</TR></TABLE></DIV>') 
//dgt.top=document.body.scrollTop+PosY

Et voici ma page html : index.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
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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Page d'accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body>
<br>
<div align="center">
<table width="90%"  height="600" border="1" cellpadding="0" cellspacing="0" bordercolor="#666666">
<tr  height="600">
<td>
<table width="100%"  height="600" border="0" cellpadding="0" cellspacing="0" bordercolor="#666666">
  <tr height="50">
    <td width="20%" height="50"rowspan="3" bgcolor="#577b8b"><div align="center"><img src="images/logo.jpg" width="154" height="100" align="top" /></div></td>
    <td width="80%" height="40" bgcolor="577b8b" border="0">&nbsp;	</td>
  </tr>
    <tr>
    <td height="21" bgcolor="577b8b" border="0">&nbsp;
      <script language="JavaScript" src="menu.js" type="text/JavaScript"></script></td>
  </tr>
  <tr height="50">
    <td height="21" bgcolor="577b8b" border="0">&nbsp;      </td>
  </tr>
  <tr height="450">
    <td>
 <table height="100%" width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
  <td height="375"style="background-image:url(images/left_bg.jpg)">
  </td>
  </tr>
  <tr>
  <td height="75"style="background-image:url(images/left_bg_bt.jpg)">
  </td>
  </tr>
  </table>
 
	</td>
    <td >&nbsp;</td>
  </tr>
  <tr height="50">
    <td bgcolor="#abc3cf">&nbsp;</td>
    <td bgcolor="#abc3cf">&nbsp;</td>
  </tr>
</table>
</td>
</tr>
</table>
 
</div>
</body>
</html>

Dans le HTML, le javascript est introduit par :

Code :

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

1
2
3
4
5
 
    <tr>
    <td height="21" bgcolor="577b8b" border="0">&nbsp;
      <script language="JavaScript" src="menu.js" type="text/JavaScript"></script></td>
  </tr>

Si quelqu'un peut me dire comment bien positionner mon menu, merci d'avance !!!

**nox75** · 26/09/2007, 10h27

Tu auras forcément des différences de ce genre si tu jongles avec les navigateurs. Il faut gérer le cas Mozilla à part.
Fais ton placement dans IE correctement, regarde comment placer correctement dans Mozilla (les coordonnées ne devraient pas changer beaucoup) et une fois que tu as tes coordonnées correctes pour chaque navigateur, tu testes en utilisant la propriété appName de l'objet navigator, et tu appliques les coordonnées de l'un ou de l'autre selon la valeur.

**silverfab34** · 26/09/2007, 10h34

Envoyé par nox75

Fais ton placement dans IE correctement, regarde comment placer correctement dans Mozilla (les coordonnées ne devraient pas changer beaucoup) et une fois que tu as tes coordonnées correctes pour chaque navigateur, tu testes en utilisant la propriété appName de l'objet navigator, et tu appliques les coordonnées de l'un ou de l'autre selon la valeur.

Ok merci pour le conseil, aurais tu un exemple d'utilisation de appName et de navigator !
Actuellement, le placement est correct sous IE, mais c'est sous Mozilla que c'est decalé !
Merci pour l'aide.

**E.Bzz** · 26/09/2007, 10h46

Bonjour,

Envoyé par nox75

Il faut gérer le cas Mozilla à part.
Fais ton placement dans IE correctement, ...

Oui, mais avec la logique inverse : c'est Mozilla qui correspond le plus au standard, et IE qui est ... "éxotique"

Mieux vaut donc tout régler correctement pour Mozilla, et ensuite gérer le cas spécifique IE ...

Dans ton cas, ne suffit-il pas d'ajouter "px" (l'unité) aux coordonnées (height, top, width et height) ?

A+

**nox75** · 26/09/2007, 13h41

C'est pas faux ^^
D'une maniere générale je suis plutot pro-mozilla (ou anti-IE disons

)

Les unités px il me semble que ca ne change rien le décalage est toujours là (à confirmer hein, j'ai pas mozilla au boulot pour tester)

Sinon pour le navigator.appName ba tout est dit.

**silverfab34** · 26/09/2007, 15h17

Envoyé par nox75

C'est pas faux ^^
D'une maniere générale je suis plutot pro-mozilla (ou anti-IE disons

)

Les unités px il me semble que ca ne change rien le décalage est toujours là (à confirmer hein, j'ai pas mozilla au boulot pour tester)

Sinon pour le navigator.appName ba tout est dit.

Donc pour ma part, si je comprend bien, dans mon fichier "menu.js" je dois faire la difference entre Mozilla et IE du style :

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
 
Nom = navigator.appName;
 
 
 
if (Nom == 'Mozilla') {
 
mon menu sous Mozilla
}
 
 
 
if (Nom == 'Microsoft Internet Explorer') {
Mon menu sous IE
}

Sauf que dans "menu.js" je ne vois pas où jouer pour changer le positionnement de mon menu ! (à part PosY= 0 ).

Merci

**E.Bzz** · 26/09/2007, 15h33

Envoyé par silverfab34

Donc pour ma part, si je comprend bien, dans mon fichier "menu.js" je dois faire la difference entre Mozilla et IE

Pas forcément.
As-tu essayé d'ajouter les "px" comme indiqué ?
Dans ton dernier exemple, ça donnerait

Code :

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

PosY= 0+"px";

Bien sûr il faudra le faire partout, y compris quand les valeurs sont stockées dans des variables ...

A+

**silverfab34** · 26/09/2007, 15h35

Envoyé par E.Bzz

Pas forcément.
As-tu essayé d'ajouter les "px" comme indiqué ?
Dans ton dernier exemple, ça donnerait

Code :

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

PosY= 0+"px";

Bien sûr il faudra le faire partout, y compris quand les valeurs sont stockées dans des variables ...

A+

J'ai testé "px" dans le fichier hmtl mais ca n'a rien donné, je vais essayé dans le ".js'.
Merci

**E.Bzz** · 26/09/2007, 16h22

Envoyé par silverfab34

J'ai testé "px" dans le fichier hmtl mais ca n'a rien donné, je vais essayé dans le ".js'.

Mes remarques visaient effectivement le code JS.
En effet, dans le code html, les coordonnées ne sont pas définies en CSS mais en attributs HTML. Dans ce cas il ne faut pas préciser l'unité.
Dans ton code JS, le posY n'est pas utilisé (toutes les lignes sont en commentaires)

A+

**E.Bzz** · 26/09/2007, 16h41

Heu ...
Tu pourrais préciser le positionnement attendu ?

Je ne constate pas de différence flagrante entre IE (6) et Firefox

A+

**silverfab34** · 26/09/2007, 16h50

Envoyé par E.Bzz

Mes remarques visaient effectivement le code JS.
En effet, dans le code html, les coordonnées ne sont pas définies en CSS mais en attributs HTML. Dans ce cas il ne faut pas préciser l'unité.
Dans ton code JS, le posY n'est pas utilisé (toutes les lignes sont en commentaires)

A+

oui, le posY n'est pas utilisé, peut etre je devrais enlever les commentaires mais bon !

Envoyé par E.Bzz

Heu ...
Tu pourrais préciser le positionnement attendu ?

Je ne constate pas de différence flagrante entre IE (6) et Firefox

A+

Pas de differente flagrante, c'est vrai !
Je souhaite que le menu soit juste au dessus de la zone de contenu, et non pas un peu plus haut !
C'est vrai, il y a une difference à tous casser de 20 px !

**E.Bzz** · 26/09/2007, 17h00

Envoyé par silverfab34

Pas de differente flagrante, c'est vrai !
Je souhaite que le menu soit juste au dessus de la zone de contenu, et non pas un peu plus haut !
C'est vrai, il y a une difference à tous casser de 20 px !

OK, je vois.
Mais chez moi le positionnement est strictement le même dans les 2 nav (IE6 et FF2, donc)

Bref, corrigé en mettant un "top:-10px" :

Code :

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

document.write('<DIV style="position:relative"><DIV style="POSITION:absolute;VISIBILITY:hidden;z-index:15" id=topdeck></DIV><TABLE ID=topmenu style="position:absolute;border-collapse:collapse;top:-10px;" bordercolor='+Color3M+' BORDER=1 WIDTH='+LargeurM*menu.length/2 +' HEIGHT='+HauteurM+'><tr>')

EDIT : et tes lignes en commentaires (pour gérer le scroll) fonctionnent ... sous réserve d'ajouter les "px" après chaque posY, comme indiqué

A+

**silverfab34** · 26/09/2007, 17h18

Envoyé par E.Bzz

OK, je vois.
Mais chez moi le positionnement est strictement le même dans les 2 nav (IE6 et FF2, donc)

Bref, corrigé en mettant un "top:-10px" :

Code :

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

document.write('<DIV style="position:relative"><DIV style="POSITION:absolute;VISIBILITY:hidden;z-index:15" id=topdeck></DIV><TABLE ID=topmenu style="position:absolute;border-collapse:collapse;top:-10px;" bordercolor='+Color3M+' BORDER=1 WIDTH='+LargeurM*menu.length/2 +' HEIGHT='+HauteurM+'><tr>')

EDIT : et tes lignes en commentaires (pour gérer le scroll) fonctionnent ... sous réserve d'ajouter les "px" après chaque posY, comme indiqué

A+

Bon, les px n'ont rien changé !
J'ai enlevé les commentaires, ca fonctionne mieux et j'ai fait le app.name et j'ai integré :

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
 
 
Nom = navigator.appName;
 
ie = (Nom == 'Microsoft Internet Explorer') 
 
 
if (ie) {
 PosY= 0+"px"; 
 
}
else
{
	PosY= 21+"px"; 
}

Ca m'affiche le menu sous Mozilla et sous IE à l'endroit que je veux !
Mais maintenant, ce sont les sous menu sous Mozilla qui restent à la même place et qui foire le deroulement des sous menu (sous mozilla)! lol
Merci pour vos suggestions precedentes, ca m'a bien aidé !

**E.Bzz** · 26/09/2007, 17h30

Envoyé par silverfab34

Bon, les px n'ont rien changé !
J'ai enlevé les commentaires, ca fonctionne mieux et j'ai fait le app.name et j'ai integré :

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
 
 
Nom = navigator.appName;
 
ie = (Nom == 'Microsoft Internet Explorer') 
 
 
if (ie) {
 PosY= 0+"px"; 
 
}
else
{
	PosY= 21+"px"; 
}

Ca m'affiche le menu sous Mozilla et sous IE à l'endroit que je veux !
Mais maintenant, ce sont les sous menu sous Mozilla qui restent à la même palce !

Bien compliqué !
Exactement le même résultat en ajoutant juste le "top:-10px;" comme indiqué (et sans test du nav)

Quant au décalage des sous menu, suffit de modifier

Code :

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

  skn.top= HauteurM-10+"px";

en début de ta fonction pop() pour répercuter le décalage ...

A+

**silverfab34** · 26/09/2007, 17h45

Envoyé par E.Bzz

Bien compliqué !
Exactement le même résultat en ajoutant juste le "top:-10px;" comme indiqué (et sans test du nav)

Quant au décalage des sous menu, suffit de modifier

Code :

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

  skn.top= HauteurM-10+"px";

en début de ta fonction pop() pour répercuter le décalage ...

A+

J'utilise ton :

Code :

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

1
2
 
document.write('<DIV style="position:relative"><DIV style="POSITION:absolute;VISIBILITY:hidden;z-index:15" id=topdeck></DIV><TABLE ID=topmenu style="position:absolute;border-collapse:collapse;top:-10px;" bordercolor='+Color3M+' BORDER=1 WIDTH='+LargeurM*menu.length/2 +' HEIGHT='+HauteurM+'><tr>')

et

Code :

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

1
2
 
skn.top= HauteurM-10+"px";

mais j'ai tjs des problèmes d'alignements de sous menus (aussi bien verticale qu'horizontale maintenant !!)

Chez moi, ca ne fonctionne pas cette methode !

Je ne vois pas pourquoi ?

J'ai Mozilla 2 et IE 7 !

**silverfab34** · 27/09/2007, 09h25

Bon,
Mon code est celui maintenant :

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
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
 
//************ Menu Principal ************// 
Color0M = '#FC7613' //Couleur du texte orange
Color1M = '#577b8b' //Couleur Arrière gris foncé
Color2M = '#CCCCCC' //Couleur Arrière Surbrillance  gris clair
Color3M = '#CCCCCC' //Couleur Bordure gris clair
PosY= 0+"px"; //Distance entre le haut de l'écran et le menu 
LargeurM = 90 //Largeur 
HauteurM = 30 //Hauteur 
AlignM = 'center' //'center','right','left' 
FontM = 'Arial' //Police 
SizeM = 12 //Taille de la Police 
WeightM = 'bold' //Epaisseur de la Police 
CursorM = 'default' //Curseur-> default,hand... 
 
menu = new Array 
i=0 
//--------[Texte/Html]------------------[ Adresse ]--------------------------// 
menu[i++]='News' ;menu[i++]='#'
menu[i++]='About Us' ;menu[i++]='#' 
menu[i++]='Solutions' ;menu[i++]='#' 
menu[i++]='Products' ;menu[i++]='#' 
menu[i++]='Partners' ;menu[i++]='#' 
menu[i++]='Resellers' ;menu[i++]='#' 
menu[i++]='Contact' ;menu[i++]='#'
 
//************ Sous-Menus ************// 
Color0S = '#000000' //Couleur du texte 
Color1S = '#CCCCCC' //Couleur Arrière 
Color2S = '#999999' //Couleur Arrière Surbrillance 
Color3S = '#CCCCCC' //Couleur Bordure 
EnLigne = 0 //1:pour ranger sur une seule ligne 0:en colonne 
LargeurS = 90 //Largeur 
HauteurS = 20 //Hauteur 
AlignS = 'center' //'center','right','left' 
FontS = 'Arial' //Police 
SizeS = 10 //Taille de la Police 
WeightS = 'bold' //Epaisseur de la Police 
FonduS = 1 //1:Fondu, 0:aucun 
CursorS = 'default' //Curseur-> default,hand... 
 
k=-1; zlien=new Array 
 
i=0; zlien[++k]=new Array 
//------------[Texte/Html]------------------[ Adresse ]-------------------------------// 
i=0; zlien[++k]=new Array 
i=0; zlien[++k]=new Array 
zlien[k][i++]='Test';zlien[k][i++]=''
zlien[k][i++]='Test';zlien[k][i++]=''
zlien[k][i++]='Test';zlien[k][i++]=''
zlien[k][i++]='Test';zlien[k][i++]=''
i=0; zlien[++k]=new Array 
zlien[k][i++]='Test' ;zlien[k][i++]='' 
zlien[k][i++]='Test' ;zlien[k][i++]='' 
zlien[k][i++]='Test' ;zlien[k][i++]=''  
i=0; zlien[++k]=new Array 
i=0; zlien[++k]=new Array 
i=0; zlien[++k]=new Array 
//************ Fin des paramètres, Début du programme ************// 
 
 
//************ Parametre pour les differents navigateurs ************// 
 
Nom = navigator.appName;
 
 
ie = (Nom == 'Microsoft Internet Explorer') 
 
 
if (ie) {
 PosY= 0+"px"; //Distance entre le haut de l'écran et le menu
 
 
}
else
{
	PosY= 21+"px"; //Distance entre le haut de l'écran et le menu
 
}
 
//************ Configuration du menu************// 
 
document.write('<style>') 
document.write('.ejmenu {background:'+Color1M+';text-align:'+AlignM+';font:'+WeightM+' '+SizeM+' '+FontM+';color:'+Color0M+';cursor:'+CursorM+'}') 
document.write('.ejsmenu {background:'+Color1S+';text-align:'+AlignS+';font:'+WeightS+' '+SizeS+' '+FontS+';color:'+Color0S+';cursor:'+CursorS+'}') 
document.write('</style>') 
 
function fadeIn(obj) 
{ obj.style.filter="blendTrans(duration=1)" 
  if(obj.filters.blendTrans.status!=1) 
  { obj.filters.blendTrans.Apply() 
    obj.style.visibility="visible" 
    obj.filters.blendTrans.Play() 
  } 
} 
 
document.onclick = function() { skn.visibility='hidden' } 
document.onmousemove = function() { dgt.top=document.body.scrollTop+PosY; dgt.visibility='visible' } 
window.onscroll = function() { dgt.visibility=skn.visibility='hidden' } 
 
function pop(msg,pos) 
{ skn.visibility="hidden" 
  skn.top= HauteurM 
//skn.top= HauteurM-10+"px";
  if(!msg.length) return 
  if(EnLigne) 
  { content="<TABLE style='border-collapse:collapse;'WIDTH="+LargeurM*menu.length/2+" bordercolor="+Color3S+" BORDER=1><TR>" 
    for(pass=0;pass<msg.length;pass+=2) content+="<TD onMouseDown='location.href=\""+msg[pass+1]+"\"' onMouseOver=\"this.style.background='"+Color2S+"'\" onMouseOut=\"this.style.background='"+Color1S+"'\" HEIGHT="+HauteurS+" CLASS=ejsmenu>"+msg[pass]+"</TD>" 
  } else 
  { skn.left=pos-1 
    content="<TABLE style='border-collapse:collapse;'WIDTH="+LargeurS+" bordercolor="+Color3S+" BORDER=1>" 
    for(pass=0;pass<msg.length;pass+=2) content+="<TR><TD WIDTH="+LargeurS+" onMouseDown='location.href=\""+msg[pass+1]+"\"' onMouseOver=\"this.style.background='"+Color2S+"'\" onMouseOut=\"this.style.background='"+Color1S+"'\" HEIGHT="+HauteurS+" CLASS=ejsmenu>"+msg[pass]+"</TD></TR>" 
  } 
  document.getElementById("topdeck").innerHTML=content+"</TR></TABLE>" 
  if(document.all && FonduS) fadeIn(topdeck); else skn.visibility="visible"; 
} 
 //document.write('<DIV style="position:relative"><DIV style="POSITION:absolute;VISIBILITY:hidden;z-index:15" id=topdeck></DIV><TABLE ID=topmenu style="position:absolute;border-collapse:collapse;top:-10px;" bordercolor='+Color3M+' BORDER=1 WIDTH='+LargeurM*menu.length/2 +' HEIGHT='+HauteurM+'><tr>')
 
document.write('<DIV style="position:relative"><DIV style="POSITION:absolute;VISIBILITY:hidden;z-index:15" id=topdeck></DIV><TABLE ID=topmenu style="position:absolute;border-collapse:collapse;" bordercolor='+Color3M+' BORDER=1 WIDTH='+LargeurM*menu.length/2 +' HEIGHT='+HauteurM+'><tr>') 
skn=document.getElementById('topdeck').style 
dgt=document.getElementById('topmenu').style
for(pass=0;pass<menu.length/2;pass++) document.write("<TD WIDTH="+LargeurM+" onMouseDown='location.href=\""+menu[pass*2+1]+"\"' onMouseOver='this.style.background=\""+Color2M+"\";pop(zlien["+pass+"],this.offsetLeft)' onMouseOut='this.style.background=\""+Color1M+"\"' CLASS=ejmenu>"+menu[pass*2]+"</TD>") 
document.write('</TR></TABLE></DIV>') 
dgt.top=document.body.scrollTop+PosY

Et j'ai tjs un decalage des sous menus !

**E.Bzz** · 27/09/2007, 09h35

Envoyé par silverfab34

Et j'ai tjs un decalage des sous menus !

Bon, mais fais attention car avec Firefox 2, c'est pire, et avec IE6, ça change rien.

Par contre, comme précisé j'ai rien d'autre que ces 2 nav pour tester (notamment IE7 et Moz 2).
Je laisse la place à quelqu'un de mieux équipé

A+

**silverfab34** · 27/09/2007, 09h53

Envoyé par E.Bzz

Bon, mais fais attention car avec Firefox 2, c'est pire, et avec IE6, ça change rien.

Par contre, comme précisé j'ai rien d'autre que ces 2 nav pour tester (notamment IE7 et Moz 2).
Je laisse la place à quelqu'un de mieux équipé

A+

Merci pour ton aide, mais je suis preneur pour toutes suggestions à tester !

Mes navigateurs sont MOZILLA FIREFOX version 2.0.0.7 et Inernet Explorer 7 !