problema centrar capa
Publicado por david (2 intervenciones) el 18/12/2007 18:01:20
Hola haber si algien me puede ayudar porfavor, haber si me averigua algien porque no me centra las capas al cambiar la resolución de la pantalla,aqui os copio todo el codigo de la pagina,haber si es que me dejo algo nose,gracias.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #ECE9D8;
}
.Estilo1 {color: #FFFFFF}
.Estilo2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #F28E00;
}
.Estilo4 {font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.Estilo5 {color: #F28E00}
.Estilo6 {color: #898989}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #999999;
}
a:active {
text-decoration: none;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function centrarCapa(obj) {
an=parseInt(document.getElementById(obj).style.width); // x
al=parseInt(document.getElementById(obj).style.height); //y
x=(document.body.clientWidth-an)/2; // x
y=(document.body.clientHeight-al)/2; //y
document.getElementById(obj).style.left=x; // x
document.getElementById(obj).style.top=y; //y
}
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body onLoad="centrarCapa('capa1')" onResize="centrarCapa('capa1')">
<div align="center"></div>
<table width="745" height="242" border="1" align="center" cellspacing="0" bordercolor="#898989">
<tr>
<th height="120" colspan="3" scope="col"><img src="file:///C|/Documents%20and%20Settings/Laura/Mis%20documentos/Mis%20imágenes/CapTerracom.png" width="745" height="120" align="middle"></th>
</tr>
<tr>
<th width="248" height="15" scope="col"><a href="portada.htm" class="Estilo2">Portada</a></th>
<th width="248" scope="col"><a href="productos.htm" class="Estilo2">Productos</a></th>
<th width="248" scope="col"><a href="contacto.htm" class="Estilo2">Contacto</a></th>
</tr>
<tr>
<th height="230" colspan="3" bgcolor="#000000" scope="row"><div align="right">
<div id="capa1" style="position:absolute; width:50; height:25; z-index:1; left: 141px; top: 171px;">
<div align="center"></div>
<div align="center" class="Estilo4 Estilo6">Productos
</div>
<div id="Layer2" style="position:absolute; width:50; height:25; z-index:1; left: 234px; top: -2px;">
<div align="center" class="Estilo1"><a href="fuego.pdf" class="Estilo2">Fuego</a> </div>
<div id="Layer3" style="position:absolute; width:50; height:25; z-index:1; left: 27px; top: 53px;">
<div align="center" class="Estilo2"><span class="Estilo4"><a href="cctv.pdf" class="Estilo2">CCTV</a></span> </div>
<div id="Layer4" style="position:absolute; width:50; height:25; z-index:1; left: 29px; top: 56px;">
<div align="center" class="Estilo1"><a href="detectores.pdf" class="Estilo2">Detectores</a> </div>
<div id="Layer5" style="position:absolute; width:50; height:25; z-index:1; left: 72px; top: 43px;">
<div align="center" class="Estilo1"><a href="seguridad.pdf" class="Estilo2">Seguridad</a> </div>
<div id="Layer6" style="position:absolute; width:50; height:25; z-index:1; left: 91px; top: 30px;">
<div align="center" class="Estilo1"><a href="accesorios.pdf" class="Estilo2">Accesorios</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<img src="file:///C|/Documents%20and%20Settings/Laura/Mis%20documentos/Mis%20imágenes/tierra3.JPG" width="550" height="230"></div></th>
</tr>
</table>
<div align="center"></div>
<div align="center"></div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #ECE9D8;
}
.Estilo1 {color: #FFFFFF}
.Estilo2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #F28E00;
}
.Estilo4 {font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.Estilo5 {color: #F28E00}
.Estilo6 {color: #898989}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #999999;
}
a:active {
text-decoration: none;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function centrarCapa(obj) {
an=parseInt(document.getElementById(obj).style.width); // x
al=parseInt(document.getElementById(obj).style.height); //y
x=(document.body.clientWidth-an)/2; // x
y=(document.body.clientHeight-al)/2; //y
document.getElementById(obj).style.left=x; // x
document.getElementById(obj).style.top=y; //y
}
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body onLoad="centrarCapa('capa1')" onResize="centrarCapa('capa1')">
<div align="center"></div>
<table width="745" height="242" border="1" align="center" cellspacing="0" bordercolor="#898989">
<tr>
<th height="120" colspan="3" scope="col"><img src="file:///C|/Documents%20and%20Settings/Laura/Mis%20documentos/Mis%20imágenes/CapTerracom.png" width="745" height="120" align="middle"></th>
</tr>
<tr>
<th width="248" height="15" scope="col"><a href="portada.htm" class="Estilo2">Portada</a></th>
<th width="248" scope="col"><a href="productos.htm" class="Estilo2">Productos</a></th>
<th width="248" scope="col"><a href="contacto.htm" class="Estilo2">Contacto</a></th>
</tr>
<tr>
<th height="230" colspan="3" bgcolor="#000000" scope="row"><div align="right">
<div id="capa1" style="position:absolute; width:50; height:25; z-index:1; left: 141px; top: 171px;">
<div align="center"></div>
<div align="center" class="Estilo4 Estilo6">Productos
</div>
<div id="Layer2" style="position:absolute; width:50; height:25; z-index:1; left: 234px; top: -2px;">
<div align="center" class="Estilo1"><a href="fuego.pdf" class="Estilo2">Fuego</a> </div>
<div id="Layer3" style="position:absolute; width:50; height:25; z-index:1; left: 27px; top: 53px;">
<div align="center" class="Estilo2"><span class="Estilo4"><a href="cctv.pdf" class="Estilo2">CCTV</a></span> </div>
<div id="Layer4" style="position:absolute; width:50; height:25; z-index:1; left: 29px; top: 56px;">
<div align="center" class="Estilo1"><a href="detectores.pdf" class="Estilo2">Detectores</a> </div>
<div id="Layer5" style="position:absolute; width:50; height:25; z-index:1; left: 72px; top: 43px;">
<div align="center" class="Estilo1"><a href="seguridad.pdf" class="Estilo2">Seguridad</a> </div>
<div id="Layer6" style="position:absolute; width:50; height:25; z-index:1; left: 91px; top: 30px;">
<div align="center" class="Estilo1"><a href="accesorios.pdf" class="Estilo2">Accesorios</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<img src="file:///C|/Documents%20and%20Settings/Laura/Mis%20documentos/Mis%20imágenes/tierra3.JPG" width="550" height="230"></div></th>
</tr>
</table>
<div align="center"></div>
<div align="center"></div>
</body>
</html>
Valora esta pregunta
0