Probleme compatibilité IE pour menu déroulant [Résolu]

Signaler
Messages postés
3
Date d'inscription
dimanche 22 avril 2007
Statut
Membre
Dernière intervention
13 novembre 2007
-
Messages postés
3
Date d'inscription
dimanche 22 avril 2007
Statut
Membre
Dernière intervention
13 novembre 2007
-
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.

3 réponses

Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
13
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)
Messages postés
3
Date d'inscription
dimanche 22 avril 2007
Statut
Membre
Dernière intervention
13 novembre 2007

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.
Messages postés
3
Date d'inscription
dimanche 22 avril 2007
Statut
Membre
Dernière intervention
13 novembre 2007

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