Probleme compatibilité IE pour menu déroulant

Résolu
Airfaz Messages postés 3 Date d'inscription dimanche 22 avril 2007 Statut Membre Dernière intervention 13 novembre 2007 - 13 nov. 2007 à 14:46
Airfaz Messages postés 3 Date d'inscription dimanche 22 avril 2007 Statut Membre Dernière intervention 13 novembre 2007 - 13 nov. 2007 à 22:49
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

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 16
13 nov. 2007 à 20:37
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)
3
Airfaz Messages postés 3 Date d'inscription dimanche 22 avril 2007 Statut Membre Dernière intervention 13 novembre 2007
13 nov. 2007 à 20:57
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.
0
Airfaz Messages postés 3 Date d'inscription dimanche 22 avril 2007 Statut Membre Dernière intervention 13 novembre 2007
13 nov. 2007 à 22:49
je viens de faire les modifications, cela fonctionne nickel.
merci encore.
0
Rejoignez-nous