Ver Mensaje Individual
  #3 (permalink)  
Antiguo 18/09/2009, 16:46
ezeslafer
 
Fecha de Ingreso: diciembre-2007
Mensajes: 8
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: overlapping desactiva capa inferior en FF y Safari

Bueno, este es mas o menos el código

el HTML:

<script language="javascript" src="precio/chainedselects.js" type="text/javascript"></script>
<script language="javascript" src="precio/config.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function initCS() {
var form = document.forms[0];
initListGroup("platino_colch", form.medida01, form.tipo01, form.precio01);
}
</script>



<body onload="initCS()">


<div class="precios">
<form>
<table width="985" border="0" cellspacing="0" cellpadding="0" class="style01" align="center">
<tr>
<td width="244" align="right">Colchón solo<br /><select name="medida01" class="style01f" style="width:90px;"></select><select name="tipo01" class="style01f" style="width:70px;"></select><select name="precio01" class="style01f" style="width:70px;"></select><br />Colchón y Sommier<br /><select name="medida01a" class="style01f" style="width:90px;"></select><select name="tipo01a" class="style01f" style="width:70px;"></select><select name="precio01a" class="style01f" style="width:70px;"></select></td>
<td width="15">&nbsp;</td>
<td width="243">&nbsp;</td>
<td width="15">&nbsp;</td>
<td width="243">&nbsp;</td>
<td width="15">&nbsp;</td>
<td width="210">&nbsp;</td>
</tr>
</table>
</form>
</div>


<div class="contenido">

<table width="985" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="244" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" align="left" valign="top"><a href="img/art/cannon/detalles_platino.jpg" rel="facebox"><img src="img/logo_cannon.png" alt="Cannon" width="80" height="42" border="0" /><img src="img/portadas/txt_platino.gif" alt="soñar cannon" width="142" height="38" border="0" /></a></td>
</tr>

<tr>
<td><a href="img/art/cannon/detalles_platino.jpg" rel="facebox"><img src="img/portadas/platino.png" alt="platino" width="134" height="94" border="0" /></a></td>
<td align="left" valign="top" class="style02d"><br />Resortes - 1 Plaza<br /><strong>Colchón y Sommier</strong><span class="style01"><a href="img/art/cannon/detalles_platino.jpg" rel="facebox"><br />
(+ info.)</a></span></td>
</tr>

<tr>
<td colspan="2"><br /><br /><br /><br /><br /></td>
</tr>
</table>...

</table>
</div>


</body>
</html>




... y el CSS:

@charset "utf-8";
/* CSS Document */

.contenido{
position:absolute;
width: 100%;
text-align: center;
top: 320px;
left: 0px;
}

.precios{
position:absolute;
left:0px;
top:450px;
width:100%;
text-align:center;
}



...hasta luego. Gracias.