Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/07/2009, 06:39
Avatar de mdk
mdk
 
Fecha de Ingreso: noviembre-2002
Mensajes: 531
Antigüedad: 22 años, 4 meses
Puntos: 11
Problema detectando el alto

Veamos, tengo una página en la que quiero que una capa, ocupe tanto el ancho y alto visible del navegador. Para ello, creo una capa, sin asignarle nada, para que posteriormente una vez cargada la página le asigne las posiciones y dimensiones. Pero, no lo hace correctamente. Tengo este codigo:

Index.php
Código PHP:
<?php header("Cache-Control:no-cache,must-revalidate"); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<?php
error_reporting
(E_ALL);
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<link rel="stylesheet" type="text/css" href="style.css">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pagina</title>
</head>
<noscript><center><strong>La página no se visualizará.</strong> No tienes activado JavaScript. Para ver correctamente la página debes de activarlo. Disculpen las molestias.</center></noscript>
<script language="JavaScript" src="scripts/script.php"></script>

<body scroll="no" style="margin: 0;">
<div id="BackGround" style="background-color: #FF0000;" class="CBackground"></div>
<script type="text/javascript">
window.onload = LoadIni();
</script>
Y el archivo script.jp que contiene el código javacript.

Código:
function LoadIni() {
	LanzVars();
	alert(DocHeight);
	MountLayer(0, 0, DocWidth, DocHeight, 'BackGround');
}
function LanzVars() {
	DocHeight = 0; DocWidth = 0;
	if (window.innerHeight) { 
		DocHeight = window.innerHeight;
	}else{
		if (document.body.clientHeight) { DocHeight = document.body.clientHeight; }
	}
	if (window.innerWidth) { 
		DocWidth = window.innerWidth;
	}else{
		if (document.body.clientWidth) { DocWidth = document.body.clientWidth; }
	}
} 
function MountLayer(PosLeft, PosTop, TWidth, THeight, Layer) {
	ObjDiv = document.getElementById(Layer);
	ObjDiv.style.visibility = "visible";	
	ObjDiv.style.position = "absolute";
	ObjDiv.style.left 	 = PosLeft;
	ObjDiv.style.top 	 = PosTop;
	ObjDiv.style.width	 = TWidth;
	ObjDiv.style.height	 = THeight;
	ObjDiv.style.backgroundColor = "red";
}
Alguien sabe decirme que estoy haciendo mal?

Saludos, y gracias de antemano.
__________________
SoY Lo Ke VeS iNKLuSo KuAnDo No Me VeS ;)