Cuadro Sobrepuesto en IE (en firefox va perfecto)

warbandit69 · #1 (**permalink**) 06/04/2009, 07:53

Buenos Dias Foreros, tengo un pequeño problema con un calendario.

Asi funciona en firefox:

Enlace Cuadro Normal

Y asi en Internet Explorer:

Enlace Cuadro Sobrepuesto

Se les agradece cualquier ayuda para arreglar esto, me avisan si necesitan el código CSS o PHP.

Saludos!

willyfc · #2 (**permalink**) 06/04/2009, 08:14

el problema está en que no puedes superponer capas sobre selects, por que si te fijas lo único que se son los selects, tal vez puedas solucionarlo con el script de googlecode que hace que varios bugs de ie funciones bien. aunque no se bien si eso será un bug, pero fíjate a ver si te sirve

warbandit69 · #3 (**permalink**) 06/04/2009, 13:33

Hola amigo gracias por responder, pero las imagenes de donde lo probe fue en IE 6

willyfc · #4 (**permalink**) 06/04/2009, 13:57

si si, ya se que lo probaste en es ie6, por eso te digo que pruebes con ese código de google code, para ver si se puede arreglar, por que hasta donde yo se no se puede.

pero ya recordé que hace pocos días otro usuario tubo el mismo problema, mira haber si eso te sirve, ahí también se explica por que no se puede, vínculo

Myakire · #5 (**permalink**) 06/04/2009, 17:39

¿No te sirve en el onclick del botón que llama al calendario llamar a una rutina que oculte los selects que tengas?

willyfc · #6 (**permalink**) 06/04/2009, 18:19

Cita:

Iniciado por Myakire

¿No te sirve en el onclick del botón que llama al calendario llamar a una rutina que oculte los selects que tengas?

pienso que sería una lo más fácil y rápido de hacer

, no se me había ocurrido

warbandit69 · #7 (**permalink**) 07/04/2009, 07:37

Donde podria conseguir esa función?

willyfc · #8 (**permalink**) 07/04/2009, 08:07

tendrías que hacerla tu, sería lo más fácil y rápido, aquí te pongo un ejemplo rápido, puedes optimizar la función:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es" xml:lang="es-es"> 
<head>
<style type="text/css">
<!--
#contenedor{ width:500px; height:500px; background-color:#fff; border:1px solid #000;}
 
-->
</style>
<script type="text/javascript">
function ocultar()
{
    var s1 = document.getElementById("s1");
    var s2 = document.getElementById("s2");
    var s3 = document.getElementById("s3");
    if ((s1.style.display == "block") && (s1.style.display == "block") && (s3.style.display == "block"))
    {
        s1.style.display = "none";
        s2.style.display = "none";
        s3.style.display = "none";
    }
    else
    {
        s1.style.display = "block";
        s2.style.display = "block";
        s3.style.display = "block";
    }
}
</script>
</head>
<body>
<div id="contenedor">
<a href="#" onClick="ocultar();">ocultar</a><br />
 
<select id="s1" style="display:block">
<option>Seleccione</option>
</select><br>
<select id="s2" style="display:block">
<option>Seleccione</option>
</select><br>
<select id="s3" style="display:block">
<option>Seleccione</option>
</select>
</div>
</body>
</html>

y llamas a la función en donde llamas al calendario, y la vuelves a llamar cuando el calendario se cierre y la puedes ocupar no se en un vínculo o un input, en lo que estes usando para el calendario

o también podrías utilizar en vez display el visivility