Hola, antes que nada, decir que soy un poco novato en esto. Wno el tema es el siguiente, he hecho una capa que se desplegue, con el internet explorer todo bien, pero en firefox no me va.
Aqui pongo un codigo de ejemplo para que veais. Porfavor que alguien me diga cual es el problema, o de que manera hacerlo para que se vea en firefox. Estoyseguro de que hay otras manera. Esta la hice por mi mismo y no se si es la mas adecuada. Gracias
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:68px;
top:55px;
width:0px;
height:271px;
z-index:1;
overflow: hidden;
}
-->
</style>
</head>
<SCRIPT language="javascript">
var num = 0;
function Prueba()//Para que muestre la tabla de datos Cubanacard
{
if(document.CAMPOS.opcion.checked)
{
document.getElementById('Layer1').style.width = num;
num=num+6.2;
if(num <= 255)
{
setTimeout('Prueba()',1);
}
}
else
{
document.getElementById('Layer1').style.width = num;
num=num-6.2;
if(num >= 0)
{
setTimeout('Prueba()',1);
}
else
{
num = 0;
}
}
}
</SCRIPT>
<body>
<div id="Layer1">
<table width="255" style="height:182px" border="1" align="center" cellpadding="0" cellspacing="1" bordercolor="#000000" bgcolor="#0E7AD2">
<tr>
<td>Prueba</td>
<td>Prueba1</td>
</tr>
<tr>
<td>Prueba</td>
<td>Prueba1</td>
</tr>
</table>
</div>
<FORM name="CAMPOS">
<input name="opcion" type="checkbox" onclick="Prueba()"/>
</FORM>
</body>
</html>