Mi duda es por qué motivo no aparece centrada mi pagina en PC´s de otros formatos. La pàgina la diseñé dando la medida del lado izquierdo a cada layer de manera que quede centrada en mi Computador, pero al verla en otros pc la pagina no se ve bien, de hecho hay que usar el mouse para verla entera.
Por alguna razón las soluciones que han dado no me han servido, debido a que <body> no aparece asi de delimitado en mi sitio sniff.
Si hay alguien con pasciencia se lo agradecerè montones!!!! Acà va el codigo de una de las pàginas.
Código :
</style> <script 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> </head> <body onload="MM_preloadImages('images/imagenclave-Cbotones_07.jpg','images/imagenclave-Cbotones_09.jpg','images/imagenclave-Cbotones_15.jpg','images/imagenclave-Cbotones_11.jpg','images/imagenclave-Cbotones_13.jpg')"> <div id="Layer4"></div> <div id="Layer5"></div> <div id="Layer6"></div> <div id="Layer7"> <div align="center"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('inicio','','images/imagenclave-Cbotones_07.jpg',1)"><img src="images/imagenclave_07.jpg" name="inicio" width="42" height="23" border="0" id="inicio" /></a></div> </div> <div id="Imegencop"> <p class="texto13">Imágenes Corporativas </p> </div> <div id="lineanaranja"></div> <div id="camara"> <p><span class="texto9"><a href="Camara.html" class="texto9">Cámara de Comercio de Temuco</a></span><br /> <br /> </p> </div> <div id="HotelNicolas"> <p class="linkNarnja">Hotel Nicolás </p> </div> <div id="LineaGris2"></div> <div id="ProMontes"> <p class="texto9"><a href="ProMontes.html" class="texto9">Pro Montes</a></p> </div> <div id="LineGris3"></div> <div id="Cima"> <p class="texto9"><a href="Cima.html" class="texto9">Cima Comunicaciones</a> </p> </div> <div id="LineaGris4"></div> <div id="flecha2"></div> <div id="Mailing"> <p class="texto13"> Mailing</p> </div> <div id="LineaGirs01"></div> <div id="LineaGris"></div> <div id="LineaGris6"></div> <div id="Taller"> <p class="texto9"><a href="TallerMecanico.html" class="texto9">Taller Mecánico</a> </p> </div> <div id="LineaGris7"></div> <div id="Munita"> <p class="texto9"><a href="Munita.html" class="texto9">Munita</a></p> </div> <div id="LineGris8"></div> <div id="JpgHotel"></div> <div id="Layer25"><a href="Imagen.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/imagenclave-Cbotones_11.jpg',1)"><img src="images/imagenclave-Sbotones_11.jpg" name="Image5" width="126" height="23" border="0" id="Image5" /></a></div> <div id="flecha"></div> <div id="diptico"><span class="texto13">Díptico</span></div> <div id="Layer26"></div> <div id="dipticos"> <p class="texto9"><a href="dipticos.html" class="texto9">Dípticos</a></p> </div> <div id="Layer27"></div> <div id="bottom"></div> <div id="flecha1"></div> <div id="info"><span class="texto11">www.imagenclave.cl - [email protected]</span></div> <div id="espacioTabla"></div> <div id="espacioMUla"></div> <div id="LineaNegra"></div> <div id="LineaNegra2"></div> <div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('inicio','','images/imagenclave-Cbotones_07.jpg',1)"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('inicio','','images/imagenclave-Cbotones_07.jpg',1)"></a> </div> <div id="Layer8"></div> <div id="Layer9"> <div align="center"><a href="Nosotros.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Nosotros','','images/imagenclave-Cbotones_09.jpg',1)"><img src="images/imagenclave-Sbotones_09.jpg" name="Nosotros" width="64" height="23" border="0" id="Nosotros" /></a></div> </div> <div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nostros','','images/imagenclave-Cbotones_09.jpg',1)"></a> </div> <div id="Layer10"></div> <div id="Layer12"></div> <div id="Layer13"><a href="Portafolio.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/imagenclave-Cbotones_13.jpg',1)"><img src="images/imagenclave-Cbotones_13.jpg" name="Image6" width="64" height="23" border="0" id="Image6" /></a></div> <div id="Layer14"></div> <div id="Layer15"> <div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contacto','','images/imagenclave-Cbotones_15.jpg',1)"><img src="images/imagenclave-Sbotones_15.jpg" name="Contacto" width="57" height="23" border="0" id="Contacto" /></a></div> </div> <div id="Layer16"></div> <div id="Layer17"></div> <div id="Layer18"></div> <div id="Layer21"> <p align="center"> </p> <p align="center"> </p> </div> <div id="Layer23"></div> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> </body> </html>
Utiliza las etiquetas CODE, ya que destruyes la estructura de la tabla.
Checa la sección tutoriales, tanto de centrado como de css básico