les envio una parte del código de la página en la qual creo un menu "mobil" per mi mala suerte me obliga a pelear contra los z-index
.
a ver si encuentran el porque los combo's (<select>) estan por encima del menu. gracias, un saludo geni@s.
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Tarificador Autos</title>
<style>
#cptitulo01{
position:absolute; width:100%; z-index:1;
}
#cpconductor{
position:absolute; width:100%; z-index:0; top:30px;
}
</style>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var isIE=document.all?true:false;
var layers = isIE?document.all.tags("DIV"):null;
// MOVEMOS LA CAPA DE OPCIONES DEL TARIFICADOR
function posicion(){
var scrollarriba=document.body.scrollTop;
var posarriba=scrollarriba;
document.getElementById('cptitulo01').style.top=posarriba;
pepe=window.setTimeout('posicion()',50)
}
//-->
</SCRIPT>
</head>
<body>
<form onsubmit="return ValidarFormulario()" target="itarifas" name="frmgeneral" method="post" action="">
<!-- formulario oculto donde guardo valores de todos iframes -->
</form>
<form name="titulo">
<div align="center" id="cptitulo01">
<table width="100%" align="center" cellspacing="0" cellpadding="2" border="1" bordercolordark="White" bordercolorlight="White">
<tr>
<td bordercolor="Teal" bgcolor="Teal" class="txtblanco8b" align="center">DATOS DEL CONDUCTOR</td>
<td bordercolor="Teal" encima="(this)" onmouseout="fuera(this)" bgcolor="#DDEEDD" class="txtverde8" align="center">
<a href="#" onclick="ComprobarCapa(2,layers['cptitulo02'].style.visibility=='visible');">
DATOS DEL VEHICULO
</a>
</td>
<td bordercolor="Teal" encima="(this)" onmouseout="fuera(this)" bgcolor="#DDEEDD" class="txtverde8" align="center">
<a href="#" onclick="ComprobarCapa(3,layers['cptitulo03'].style.visibility=='visible');">
BONIFICACIONES
</a>
</td>
<td bordercolor="Teal" encima="(this)" onmouseout="fuera(this)" bgcolor="#DDEEDD" class="txtverde8" align="center">
<a href="#" onclick="ComprobarCapa(4,layers['cptitulo04'].style.visibility=='visible');ValidarFormulario();">
TARIFAS
</a>
</td>
<td bordercolor="Teal" encima="(this)" onmouseout="fuera(this)" bgcolor="#DDEEDD" class="txtverde8" align="center">
<input type="Button" name="btfiguras" class="txtNavy8" disabled value="FIGURAS">
</td>
</tr>
</table>
</div>
</form>
<form name="frmconductor">
<div align="center" id="cpconductor">
<table width="100%" cellspacing=1 cellpadding=1 border=0 align="center">
<tr><td height="5"></td></tr>
<tr>
<td class="txtnavy8b" align="right">Fecha Nacimiento : </td>
<td class="txtnavy8">
<input name="FNac_conductor" maxlength="10" size="10" onKeyPress="return acceptNum('F', event, this)" value="<#Tme_DFPNAC>">
</td>
<td class="txtnavy8b" align="right">Estado Civil : </td>
<td class="txtnavy8">
<select style="z-index:0" name="estado_civil" size="1">
<option>1
</select>
</td>
<td class="txtnavy8b" align="right">Sexo : </td>
<td class="txtnavy8">
<select name="sexo" size="1">
<option>H</option>
<option>M</option>
</select>
</td>
</tr>
<tr>
<td class="txtnavy8b" align="right">Fecha Carnet : </td>
<td class="txtnavy8">
<input name="FCarnet_conductor" maxlength="10" size="10" onKeyPress="return acceptNum('F', event, this)" value="<#Tme_DFPPC>">
</td>
<td class="txtnavy8b" align="right">Código Postal : </td>
<td class="txtnavy8">
<input name="cod_postal" maxlength="5" size="5" onKeyPress="return acceptNum('', event, this)" value="<#Tme_NCP>" onblur()="Poblacion();">
<a href="#" onclick="alert('busqueda de poblacion')"><img src="images/iconos/buscar.gif" width=15 height=15 alt="Buscar Población" border="0"></a>
</td>
<td class="txtnavy8b" align="right">Población : </td>
<td class="txtnavy8">
<iframe name="ipoblacion" frameborder="0" width="100%" height="30px" align="middle" scrolling="No" src="../../scripts/autos.exe/escoger_pob"></iframe>
</td>
</tr>
<tr><td height="20"></td></tr>
</table>
<table width="100%" border=0 cellspacing=0 cellpadding=0>
<tr>
<td class="txtblanco7b" background="images/bordes/cabeceraexpedientes2.gif" height="14" width="150"> Conductor Ocasional</td>
<td></td>
</tr>
<tr><td bgcolor="teal" colspan="2" heigth="1"></td></tr>
</table>
<table width="100%" cellspacing=1 cellpadding=2 border=0>
<tr><td height="5"></td></tr>
<tr>
<td class="txtnavy8b" rowspan="2" align="center" width="300">
<select name="cond_ocasional" size="1" onchange="CbConductorOcasional(document.frmconductor)">
<option>1</option>
<option>2</option>
</select>
</td>
<td class="txtnavy8b" align="right">Fecha Nacimiento : </td>
<td class="txtnavy8">
<input name="FNac_cond_oca" maxlength="10" size="10" onKeyPress="return acceptNum('F', event, this)" value="<#Tme_DFSNAC>">
</td>
</tr>
<tr>
<td class="txtnavy8b" align="right">Fecha Carnet : </td>
<td class="txtnavy8">
<input name="FCarnet_cond_oca" maxlength="10" size="10" onKeyPress="return acceptNum('F', event, this)" value="<#Tme_DFSPC>">
</td>
</tr>
</table>
</div>
</form>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
posicion();
//-->
</SCRIPT>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
</body>
</html>