Problema con IE

bacdavi · #1 (**permalink**) 25/08/2009, 10:07

Hola amigos les dejo el siguiente codigo que al cargar el html despliega una ventana tipo fadebox, el problema es que con firefox y otros navegadores funciona bien pero en el desgraciado explorer

no funciona.

No puedo usar el onLoad en el body debido a que llevo unas sentencias en php que imprimen la sentencia javascript.

el codigo:

Código HTML:

<!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="X-UA-Compatible" content="IE=8">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<script language="javascript" type="text/javascript">
function showLightbox(valor) {
	document.getElementById(valor).style.display='block';
	document.getElementById('fade').style.display='block';
}
function hideLightbox(value) {
	document.getElementById(value).style.display='none';
	document.getElementById('fade').style.display='none';
}
</script>
<style type="text/css">
.fadebox {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	right: 0%;
	bottom: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:500;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
.overbox {
	display: none;
	position: absolute;
	left: 10%;
	width: 75%;
	height: 75%;
	z-index: 1002;
	overflow: auto;
	bottom: 10%;
}
#content {
	background: #FFFFFF;
	border: solid 5px #CCCCCC;
	padding: 10px;
}
* html .fadebox { /* lte IE6 */
	position:absolute;
}
* html .overbox { /* lte IE6 */
	position:absolute;
}
*html body{
	position:absolute;
	overflow:hidden;
}
</style>
</head>

<body>
<p>asdf</p>
<p>asdf</p>
<p>a</p>
<p>sf</p>
<p>sdd</p>
<p>f</p>
<div id="over" class="overbox">
	<div id="content">
		<div align="center">
		Comprobaci&oacute;n Satisfactoria<br />
		<strong>Procesando los datos</strong><br>Por favor sea paciente este proceso puede tardar varios minutos<br>
		<img src="loader.gif">
		</div>
	</div>
</div>
<div id="fade" class="fadebox">&nbsp;</div>
<script language="javascript" type="application/javascript"> 
	showLightbox('over');
</script>
<noscript>
No hat clavo
</noscript>
</body>
</html>

De antemano gracias por la ayuda