probleme compatibilité IE pour menu déroulantRésolu

Question

Bonjour à tous,
j'essaie de réaliser un site pour un lycée en html et CSS auquel j'ai ajouté un menu déroulant horizontal en javascript.
je travaille avec dreamweaver CS3.
le problème est que les sous menus apparaissent à des positions farfelues sur la pages (10 à 15 cm plus bas que le menu maître) au lieu de s'afficher juste dessous au passage de la souris.
j'ai insérer le script dans le body, dans une balise div, dans un tableau ou encore dans un calque (pour le positionner où je voulais), le problème est toujours le même.
Sous firefox, ça marche nickel quelque soit le contenant du menu.
auparavant, j'avais essayé les widgets spry inclus dans dreamweaver : là encore impeccable avec firefox et n'importe quoi avec IE6 ou 7.
j'ai essayé plusieurs menus trouvés sur ce site, même souci.
ça me désole d'arriver à avoir le rendu que je souhaite avec firefox et pas avec IE.

alors qu'est-ce que je fais mal 

vous pouvez trouver la page (éducorée) sur laquelle je travaille ici

merci de votre aide.

PetoleTeam · Accepted Answer

Bonjour,
Mon pauvre ami...
Tu n'a pas choisi le plus mieux, il y en tout plein, sur ce site ou ailleurs , qu'y me semble plus clean... 
Mais bon on y va.

1/ dans le fichier menu_data.js
mettre en première ligne fixMozillaZIndex=  false ;
mettre en 
ligne 50  
left =0;

2/ dans le fichier mmenudom.js
cherche la  function $D(g){
tu vas trouver un truc qui ressemble à
o=g;t=0;l=0;while(o!=_n){t+=o.offsetTop;l+=o.offsetLeft;o=o.offsetParent}
remplace le par


o=g;t=o.offsetTop;l=o.offsetLeft;/*while(o!=_n){t+=o.offsetTop;l+=o.offsetLeft; o=o.offsetParent}*/

inséres des retours chariot pour plus de lisibilité

3/ dans ta page change dans le style la valeur de left


#apDiv1 {


  position : relative;
  width : 804px;
  height : 80px;
  z-index : 1;
  top : 0px;


  left : 

120

px;


}







cela devrait baigner si je n'ai rien oublié


;0)

Airfaz · Answer

Merci pour ta réponse, je vais essayer ce que tu proposes.
néanmoins si tu peux me proposer d'autres menus du même style mais moins capricieux qui fonctionnent sans problème sous IE et Firefox, je suis preneur.
j'en ai déjà essayé beaucoup et je ne suis pas attaché plus que cela à celui de mon site; j'ai surtout du mal à comprendre pourquoi les rendus sont différents entre les navigateurs.
merci encore.

Airfaz · Answer

je viens de faire les modifications, cela fonctionne nickel.
merci encore.

Probleme compatibilité IE pour menu déroulant

3 réponses

Votre réponse

Discussions similaires