Comunidad de diseño web y desarrollo en internet online

overlapping desactiva capa inferior en FF y Safari

Citar            
MensajeEscrito el 18 Sep 2009 07:55 pm
Hola, tengo dos capas superpuestas, las dos en position: absolut.
Dentro del espacio superpuesto no se puede acceder a la funcionalidad de la capa que esta por debajo (links, text imput, etc...), aunque se visualiza perfectamente.
Esto sucede en FireFox y en Safari. En IE funciona perfectamente.

Bueno, espero que puedan ayudarme.
Se agradece de antemano. Ezequiel.

Por ezeslafer

6 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 21 Sep 2009 04:03 pm
Agrego una parte del código
¿Alguna idea?


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;
}

Saludos

Por ezeslafer

6 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 24 Sep 2009 02:38 am
Nada...? Ni una pista...?
Saludos

Por ezeslafer

6 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 24 Sep 2009 04:52 am
Por la url para verlo en vivo

Por pitufo

31 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.