Sans déconner, les développeurs d'IE c'est des gros débiles mentaux...

Des heures des perdues à devoir corriger des bugs de ce navigateurs, l'utilisation de ce navigateur c'est la plus grosse des regressions du web...

Salut,

J'ai fais un Javascript qui corrige automatiquement ce problème des SELECTs pour vous. Vous pouvez le trouver ici :
http://www.fabien-molinet.fr/index.php?option=com_content&task=view&id=22

Le code source est sous licence BSD donc vous pouvez en faire ce que vous voulez.
Par contre si vous trouvez cela interessant envoyez moi un email. Ce serait sympa !

Molinet Fabien

Les tags <select > les <iframe> sont des elements dit windowed
les <div> et egalement l'iframe est windoless.(voir google bug ie6 element windowed et windowless)

en effet seul l'iframe est à la fois windowed et windoless
grace donc a l objet iframe que l'on insert avant le menu deroulant on va pouvoir corriger le bug ie6.
cet objet iframe devra avoir la taille exacte du menu deroulant et il devra être positionné au même
endroit

voir exemple ci-dessous;
une partie de mon code qui contient l'insertion de l'objet iframe;
et sa suppression;

le menu deroulant doit bien sur avoir un z-index superieur à l'iframe;
dans cet exemple qui marche très bien (le select et l'iframe n 'on pas de z-index )
seul le menu deroulant à un z-index



//l'élement iframe est supprime chaque fois que l'on change d'onglet


function show()
{
submenu=this.getElementsByTagName('ul')[0];

var iframe = document.getElementById("theFrame");
if (iframe) {
iframe.parentNode.removeChild(iframe);
}

iframe = document.createElement('iframe');
iframe.id="theFrame";
iframe.frameBorder=0;
iframe.style.display='block';
iframe.style.position='absolute';
iframe.style.top=submenu.offsetTop;
iframe.style.left=0;
iframe.style.width= 0;
iframe.style.width= submenu.offsetWidth;
iframe.style.height= submenu.offsetHeight;

var elementul=submenu;
var parentElement=elementul.parentNode;
parentElement.insertBefore(iframe, elementul);

// rendre visible les elements
submenu.style['visibility'] = 'visible';
iframe.style.visibility='visible';

var currentNode=this;
while(currentNode)
{
if( currentNode.nodeName=='LI')
{
currentNode.getElementsByTagName('a')[0].className = 'linkOver';
}
currentNode=currentNode.parentNode;
//permet de récuperer le noeud parent
}
// lien visité
// clear timeout
eval ( "clearTimeout( timeout"+ this.id +");" );
// suspend la minuterie
hideAllOthersUls( this );
}


function timeoutHide()
{
// start the timeout
eval( "timeout" + this.id + " = window.setTimeout('hideUlUnder( \"" + this.id + "\" )', " + timeout + " );");
}
//setTmeout mise en route de la minuterie exécution de la fonction hideUlUnder

function hideUlUnder( id )
{
document.getElementById(id).getElementsByTagName('ul')[0].style['visibility'] = 'hidden';
var iframe=document.getElementById(id).getElementsByTagName('iframe')[0];
if (iframe) iframe.style.visibility = 'hidden';
}