Newsgroup: it.lavoro.professioni.webmaster
Titolo: DIV su SELECT: bug di Explorer?

Con il codice seguente ho creato un menů a discesa con una serie di Link
(cliccando su MENU PROVA compare).
Ho il grosso problema perň che quando passa sopra al SELECT non lo copre
cioč č come se la SELECT (combo) fosse sempre in primo piano.
Come si risolve. Sto impazzendo. Ormai sono 2 giorni che ci provo ma non ci
riesco.
E' per caso un BUG di Explorer??
Esiste una patch?
Grazie
<HTML>
<HEAD>
</HEAD>
<BODY>
<SCRIPT language="javascript">
<!--
var nn=document.layers?true:false;
var N6=navigator.userAgent.toLowerCase().indexOf("gecko")!=-1?true:false
var op=navigator.userAgent.toLowerCase().indexOf("opera")!=-1?true:false
var topmargin=0,menuwidth=0;
var homekeylayer=null;
var tabs = new Array("Menu PROVA")
var menus = new Array();
var menuheights = new Array(0,0,0,20,0);
var voci=new Array();
 voci[0]=new
Array("Link","Link","Link","Link","Link","Link","Link","Link","Link")
var links=new Array();
 links[0]=new
Array("
www.html.it
","
www.html.it
","
www.html.it
","
www.html.it
","
www.html.it
",
"
www.html.it
","
www.html.it
","
www.html.it
","
www.html.it
")
var MenuLength=menuwidth*voci.length+2*voci.length-18;
var
BrowserWidth=nn||op?window.innerWidth:N6?document.width:document.body.client
Width;
var leftmargin=parseInt((BrowserWidth-MenuLength)/2);
 document.writeln("<DIV ID='home'
STYLE='position:absolute;top:"+topmargin+";left:"+eval(leftmargin-28)+";widt
h:16;height:17;background-image:url(\"/img/tabhome.gif\");cursor:hand'
onMouseOver=homekeylayer.visibility='visible'
onMouseOut=homekeylayer.visibility='hidden'>&nbsp;</DIV>");
 for (i in tabs){
  document.writeln("<DIV ID='top"+tabs[i]+"'
STYLE='position:absolute;top:"+topmargin+";left:"+eval(leftmargin+i*menuwidt
h+5*i)+";width:140;height:17;background-image:url(\"/img/tab.gif\");cursor:h
and' onMouseOver=menus["+i+"].visibility='visible'
onMouseOut=menus["+i+"].visibility='hidden'>&nbsp;&nbsp;&nbsp;&nbsp;"+tabs[i
]+"</DIV>");
  document.writeln("<DIV ID='menu"+i+"'
STYLE='position:absolute;top:"+eval(16+topmargin)+";left:"+eval(leftmargin+i
*menuwidth+5*i)+";width:140;height:"+eval(129+menuheights[i])+";background-i
mage:url(\"/img/"+tabs[i].toLowerCase()+"sfondo.gif\");visibility:hidden;z-i
ndex:10' onMouseOver=menus["+i+"].visibility='visible'
onMouseOut=menus["+i+"].visibility='hidden'>");
  for (j in voci[i])
   document.writeln("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A
HREF='"+links[i][j]+"'>"+voci[i][j]+"</A> <BR>")
  document.writeln(" <BR></DIV>")
  }
 document.writeln("<DIV ID='homekey'
STYLE='position:absolute;top:"+topmargin+";left:"+eval(leftmargin-28)+";widt
h:65;height:17;background-image:url(\"/img/keyhome.gif\");cursor:hand;visibi
lity:hidden;z-index:10' CLASS='menuIEb'
onMouseOver=homekeylayer.visibility='visible'
onMouseOut=homekeylayer.visibility='hidden'><A HREF='/' CLASS='menuIEb'><IMG
BORDER=0 SRC=/img/keyhome.gif></A></DIV>");
 N6?setTimeout("LeggiLivelli()",50):LeggiLivelli();
function LeggiLivelli()
 {
 for (i in tabs)
N6?menus[i]=document.getElementById('menu'+i).style:menus[i]=eval(document.a
ll["menu"+i].style);
N6?homekeylayer=document.getElementById('homekey').style:homekeylayer=eval(d
ocument.all.homekey.style);
}
//-->
</SCRIPT>
<TABLE cellSpacing=0 cellPadding=0 width="100%">
 <TR>
  <TD><br><br><br>
   <select>
<option>provaprovaprovaprovaprovaprovaprovaprovaprovaprovaprovaprovaprovapro
vaprovaprovaprovaprovaprovaprova</option>
   </select>
  </TD>
 </TR>
</TABLE>
</BODY>
</HTML>

Non è un bug.
Se vai su msdn è chiaramente scritto che il controllo SELECT non è
windowed, e quindi non partecipa alla stratificazione dei livelli su
schermo.
in definitiva, funziona proprio cosi', non lo puoi mettere sotto ad
altri contenuti.
Ciao
ByoBlu