Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/06/2003, 09:47
Avatar de davidvamo
davidvamo
 
Fecha de Ingreso: diciembre-2001
Ubicación: Barcelona '92
Mensajes: 106
Antigüedad: 23 años, 3 meses
Puntos: 0
problemas con z-index

buenas geni@s ...

podriam ayudarme a que los combos del siguiente codigo no queden por encima de la capa de menus, me estoy volviendo loco con los z-index (por cierto la web está diseñada para IE 5.5 ó 6 . Gracias.

Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<
html>
<
head>
<
title>menu movible</title>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</
head>

<
body>
<
div id="menu" style="position:absolute; width:765px; height:55px; z-index:1; background-color: #6699CC; layer-background-color: #6699CC; border: 1px none #000000;"
  <
div align="center"><strong><font color="#FFFFFF">------------------------------------------------------------------------<br>
    | 
opcion1 opcion 2 opcion 3 opcion 4 opcion 5 |<br>
    ------------------------------------------------------------------------ </
font></strong
  </
div>
</
div>
<
p>
  <
script language="JavaScript">
function 
posicion()
{
if(
navigator.appName=="Netscape")
{var 
scrollarriba=window.pageYOffset;}
else
{var 
scrollarriba=document.body.scrollTop;}
var 
posarriba=scrollarriba;
document.getElementById('menu').style.top=posarriba;
pepe=window.setTimeout('posicion()',50)
}
posicion()
</script>
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

<div id="menu" style="position:absolute; width:765px; z-index:0; background-color: #6ACCCC; layer-background-color: #6699CC; border: 1px none #000000;"> 
    <form>
        <select>
            <option>2222
            <option>666
        </select>
    </form>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp; </p>
</body>
</html>