Estoy creado una pagina que esta compuestas por capas.. resulta que cuando cambio la resolucion de mi pantalla se desplaza hacia la derecha de mi monitor quedando descuadrada, quiero que la pagina quede centrada asi sea vista por la resolucuion mas alta o mas baja.. ah si hay que incluir algun scrip me gustaria saber donde colocarlo porque como les dije soy nuevo en esto disculpen si es mucho pedir pero es mi primer proyecto y me lo van a pagar asi que bueno gracias a todos y bueno el que pueda ayudarme se lo agradecere mucho..
saludos, aqui les dejo el codigo de lo que llevo de pagina.
Cita:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" href="styles/emx_nav_right.css" type="text/css" />
<script language="JavaScript" type="text/JavaScript">
<!--
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>
<style type="text/css">
<!--
.Estilo1 {
color: #0D549C;
font-size: large;
}
-->
</style>
</head>
<body>
<div id="row1">
<div id="pagecell1">
<!--pagecell1-->
<div align="center">
<div id="Layer5" style="position:absolute; width:634px; height:27px; z-index:1; left: 1px; top: 122px;"><img src="images/bg_nav.jpg" width="633" height="20" /></div>
<img alt="" src="images/tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="images/tr_curve_white.gif" height="6" width="6" id="tr" />
<div id="Layer1" style="position:absolute; width:200px; height:486px; z-index:1; left: 122px; top: 178px;"><img src="images/LatinoAmerica%20grande%20final%20sin%20logo%20copy .jpg" width="400" height="503" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="circle" coords="188,425,24" href="#" />
<area shape="circle" coords="116,387,24" href="#" />
<area shape="circle" coords="61,328,24" href="#" />
<area shape="circle" coords="60,101,24" href="#" />
<area shape="circle" coords="34,172,24" href="#" />
<area shape="circle" coords="36,254,24" href="#" />
<area shape="circle" coords="114,54,24" href="#" />
<area shape="circle" coords="201,30,24" href="#" />
<area shape="circle" coords="275,28,24" href="#" />
<area shape="poly" coords="201,164,196,173,197,180,203,183,210,183,21 6,186,223,188,227,193,227,203,229,211,235,214,243, 213,244,207,241,203,242,199,246,200,251,200,257,19 7,260,192,260,188,263,182,263,177,259,176,256,173, 253,171,251,169,249,167,242,170,237,170,234,169" href="#" />
</map>
</div>
<div id="Layer2" style="position:absolute; width:296px; height:54px; z-index:1; left: 1px; top: 2px;"><img src="images/logo%20pequeño.gif" width="286" height="118" /></div>
<div id="Layer3" style="position:absolute; width:634px; height:24px; z-index:1; left: 1px; top: 144px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="635" height="30">
<param name="movie" value="images/publi2.swf" />
<param name="quality" value="high" />
<embed src="images/publi2.swf" quality="high" pluginspage="" type="application/x-shockwave-flash" width="635" height="30"></embed>
</object>
</div>
<div id="Layer4" style="position:absolute; width:198px; height:23px; z-index:1; left: 320px; top: 62px;">
<div id="globalLink">
<div align="left"><a href="quienes somos.htm" class="glink Estilo1" id="gl1" ;">¿Quienes somos?</a><a href="Condiciones.htm" id="gl2" class="glink" ;">Condiciones</a><a href="#" id="gl3" class="glink" ;">Planes y Tarifas </a><a href="contacto.htm" id="gl4" class="glink" ;">Contactenos</a><a href="registro.htm" id="gl5" class="glink" ;">Registrate</a></div>
</div>
</div>
</div>
</div>
<!--end pagecell1-->
<br />
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" href="styles/emx_nav_right.css" type="text/css" />
<script language="JavaScript" type="text/JavaScript">
<!--
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>
<style type="text/css">
<!--
.Estilo1 {
color: #0D549C;
font-size: large;
}
-->
</style>
</head>
<body>
<div id="row1">
<div id="pagecell1">
<!--pagecell1-->
<div align="center">
<div id="Layer5" style="position:absolute; width:634px; height:27px; z-index:1; left: 1px; top: 122px;"><img src="images/bg_nav.jpg" width="633" height="20" /></div>
<img alt="" src="images/tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="images/tr_curve_white.gif" height="6" width="6" id="tr" />
<div id="Layer1" style="position:absolute; width:200px; height:486px; z-index:1; left: 122px; top: 178px;"><img src="images/LatinoAmerica%20grande%20final%20sin%20logo%20copy .jpg" width="400" height="503" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="circle" coords="188,425,24" href="#" />
<area shape="circle" coords="116,387,24" href="#" />
<area shape="circle" coords="61,328,24" href="#" />
<area shape="circle" coords="60,101,24" href="#" />
<area shape="circle" coords="34,172,24" href="#" />
<area shape="circle" coords="36,254,24" href="#" />
<area shape="circle" coords="114,54,24" href="#" />
<area shape="circle" coords="201,30,24" href="#" />
<area shape="circle" coords="275,28,24" href="#" />
<area shape="poly" coords="201,164,196,173,197,180,203,183,210,183,21 6,186,223,188,227,193,227,203,229,211,235,214,243, 213,244,207,241,203,242,199,246,200,251,200,257,19 7,260,192,260,188,263,182,263,177,259,176,256,173, 253,171,251,169,249,167,242,170,237,170,234,169" href="#" />
</map>
</div>
<div id="Layer2" style="position:absolute; width:296px; height:54px; z-index:1; left: 1px; top: 2px;"><img src="images/logo%20pequeño.gif" width="286" height="118" /></div>
<div id="Layer3" style="position:absolute; width:634px; height:24px; z-index:1; left: 1px; top: 144px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="635" height="30">
<param name="movie" value="images/publi2.swf" />
<param name="quality" value="high" />
<embed src="images/publi2.swf" quality="high" pluginspage="" type="application/x-shockwave-flash" width="635" height="30"></embed>
</object>
</div>
<div id="Layer4" style="position:absolute; width:198px; height:23px; z-index:1; left: 320px; top: 62px;">
<div id="globalLink">
<div align="left"><a href="quienes somos.htm" class="glink Estilo1" id="gl1" ;">¿Quienes somos?</a><a href="Condiciones.htm" id="gl2" class="glink" ;">Condiciones</a><a href="#" id="gl3" class="glink" ;">Planes y Tarifas </a><a href="contacto.htm" id="gl4" class="glink" ;">Contactenos</a><a href="registro.htm" id="gl5" class="glink" ;">Registrate</a></div>
</div>
</div>
</div>
</div>
<!--end pagecell1-->
<br />
</body>
</html>