URGENT : Problème "Z-index" avec Menu déroulant ve

[brice16]

Bonjour

Mon problème est ici http://comexis.fr/euro-immo/ et concerne IE6.

=> Menu déroulant du 2ème onglet passe sous le menu de re-retoutage du moteur de recherche...

Z-Index=100 sur la nav et Z-Index=0 sur le moteur n'y change rien du tout...

Quelqu'un à une idée ?

Merci de votre aide !
Brice.

[tom_pascal]

Salut,

Oui c'est un bug connu de IE.

Une solution consiste à appeler en JS une routine pour "désactiver" les <select> (rendre invisible) si le client est sous IE lors de l'affichage du menu déroulant. Et bien entendu, de réafficher les éléments <select> de la page lorsqu'on quitte le menu déroulant.

[tom_pascal]

Cadeau :

Code: Tout sélectionner

function SelectVisible(v,elem) {
  var agt = navigator.userAgent.toLowerCase();
  var isMac = (agt.indexOf('mac') != -1);
  var isOpera = (agt.indexOf('opera') != -1);
  var IEver = parseInt(agt.substring(agt.indexOf('msie ') + 5));
  var isIE = ((agt.indexOf('msie')!=-1 && !isOpera && (agt.indexOf('webtv')==-1)) && !isMac);
  var isIE5win = (isIE && IEver >= 5);
  var isIE5mac = ((agt.indexOf('msie') != -1) && isMac);
  var isSafari = (agt.indexOf('safari') != -1);

   if (isIE||isIE5win)
      for (var i=0;i<elem.length;i++) elem[i].style.visibility=v;
}

Il faut appeler :

Code: Tout sélectionner

SelectVisible("hidden",document.getElementsByTagName('select'));

lors de l'affichage du menu déroulant, puis :

Code: Tout sélectionner

SelectVisible("visible",document.getElementsByTagName('select'));

lorsqu'on quitte celui-ci.

[tom_pascal]

ça va ? tu t'en sors ? ça te convient ?
C'était un problème "urgent" mais tu ne nous as pas dit si tu avais réussi à mettre cette solution (ou une autre) en place ?