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.