Tema: pagina centrada.
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 28/12/2008, 10:05
Avatar de juaniquillo
juaniquillo
Colaborador
  
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 19 años
Puntos: 281
Respuesta: pagina centrada.
Por lo que veo creaste tu página usando capas de Dreamweaver, lo cual posiciona todo absolutamente en píxeles con respecto al la ventana del navegador. Yo te recomiendo que no uses capas si no tienes los conceptos CSS de posicionamiento claros. Lo que puedes hacer para resolver es crear un div contenedor con posición relativa, así:

Código html: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Documento sin t&iacute;tulo</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <script language="JavaScript" type="text/JavaScript">
  7. <!--
  8. function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  9.   if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
  10.     document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  11.   else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
  12. }
  13. MM_reloadPage(true);
  14. //-->
  15. </script>
  16. <style type="text/css">
  17. <!--
  18. .menu {
  19.     font-family: "Arial Black";
  20.     font-size: 16px;
  21.     font-style: normal;
  22.     font-weight: bold;
  23.     font-variant: small-caps;
  24.     text-transform: uppercase;
  25.     color: #9933FF;
  26.     background-color: #FFFF00;
  27.     background-image: url(yellow_tiles.jpg);
  28. }
  29. -->
  30. </style>
  31. <style type="text/css">
  32. <!--
  33. .pie {
  34.     font-family: "Comic Sans MS";
  35.     font-size: 18px;
  36.     font-style: normal;
  37.     font-weight: bold;
  38.     font-variant: normal;
  39.     text-transform: none;
  40.     color: #663399;
  41. }
  42. .encabezado {
  43.     font-family: "Comic Sans MS";
  44.     font-size: large;
  45.     font-style: normal;
  46.     line-height: normal;
  47.     font-weight: bold;
  48.     font-variant: small-caps;
  49.     text-transform: uppercase;
  50.     color: #0000CC;
  51.     text-decoration: underline blink;
  52. }
  53. .numerotelefono {
  54.     font-family: "Comic Sans MS";
  55.     font-size: 24px;
  56.     font-style: normal;
  57.     font-weight: bold;
  58.     color: #990033;
  59.     text-transform: uppercase;
  60. }
  61. .lista {
  62.     font-family: "Comic Sans MS";
  63.     font-size: 14px;
  64.     font-style: normal;
  65.     font-weight: bolder;
  66.     text-transform: none;
  67.     color: #990099;
  68. }
  69. .tres {
  70.     font-family: "Comic Sans MS";
  71.     font-size: 12px;
  72.     font-style: normal;
  73.     font-weight: bold;
  74.     color: #0000FF;
  75. }
  76. -->
  77. </style>
  78. </head>
  79.  
  80. <body>
  81. <div style="width:950px;margin:0 auto;position:relative">
  82. <table border="2" width="100%" height="300" align="center">
  83.   <tr>
  84.         
  85.     <td height="90" bgcolor="#FFFF00"> 
  86. <div id="Layer4" style="position:absolute; width:116px; height:91px; z-index:3; left: 135px; top: 16px;"><img src="billetes4.jpg" width="111" height="85"></div>
  87. <div id="Layer5" style="position:absolute; width:93px; height:95px; z-index:4; left: 15px; top: 18px;"><img src="logo%20credit.jpg" width="92" height="88"></div>
  88. <div id="Layer6" style="position:absolute; width:124px; height:97px; z-index:5; left: 840px; top: 17px;"><img src="dibujobilletes1.jpg" width="124" height="90"></div>
  89.       <div id="Layer19" style="position:absolute; width:653px; height:72px; z-index:15; left: 262px; top: 20px;">
  90. <p><b><font color="#0000CD" face="Verdana" size="5">
  91. <marquee width="400" scrollamount="5" bgcolor="#FFFF00">¿¿¿¿NECESITA DINERO URGENTE????----NOSOTROS SE LO DAMOS</marquee></font></b></p>
  92.  
  93.       </div></td>
  94.     </tr>
  95.     <tr>
  96.         
  97.     <td valign="top"height="385" ><table width="100%" height="100%" border="2" cellpadding="0" cellspacing="0">
  98.         <tr> 
  99.           <td width="23%">
  100.           </td>
  101.           
  102.           <td width="77%" background="Money.jpg" bgcolor="#FFFFCC"> 
  103.             <div id="Layer1" style="position:absolute; width:191px; height:378px; z-index:1; left: 16px; top: 113px;"> 
  104.               <table width="117%" height="219" border="0" cellpadding="0" cellspacing="0">
  105.                 <tr>
  106. <td class="menu"><div align="center"><a href="INICIO.htm">INICIO</a></div></td>
  107.                 </tr>
  108.                 <tr>
  109. <td class="menu"><div align="center"><a href="productos.htm">PRODUCTOS</a></div></td>
  110.                 </tr>
  111.                 <tr>
  112. <td class="menu"><div align="center"><a href="colaboradores.htm">COLABORADORES</a></div></td>
  113.                 </tr>
  114.                 <tr>
  115. <td class="menu"><div align="center"><a href="contacta.htm">CONTACTA</a></div></td>
  116.                 </tr>
  117.                 <tr>
  118.                   <td class="menu"><div align="center"><a href="aviso%20legal.htm">AVISO 
  119.                       LEGAL</a></div></td>
  120.                 </tr>
  121.               </table>
  122.             </div>
  123. <div id="solicitaprestamonline" style="position:absolute; width:226px; height:158px; z-index:2; left: 15px; top: 332px;"> 
  124.               <p>&nbsp;</p>
  125.               <p align="center" class="menu"><a href="solicitud%20prestamo%20on%20line.htm">SOLICI  TA 
  126.                 PRESTAMO ONLINE</a></p>
  127. <div id="imagen1" style="position:absolute; width:160px; height:30px; z-index:3; left: 40px; top: 86px;"><img src="respuesta.png" width="162" height="36"></div>
  128.               <p>&nbsp;</p>
  129. <div id="Layer3" style="position:absolute; width:84px; height:40px; z-index:3; left: 112px; top: 118px;"><img src="acto.png" width="83" height="35"></div>
  130.               <p>&nbsp;</p>
  131. <div id="Layer2" style="position:absolute; width:78px; height:30px; z-index:3; left: 29px; top: 120px;"><img src="en%20el.png" width="81" height="35"></div>
  132.             </div>
  133.             <div id="Layer7" style="position:absolute; width:330px; height:37px; z-index:6; left: 321px; top: 154px;"> 
  134. <h1><img src="dinerourgente5.png" width="671" height="67"><font face="Comic Sans MS"><strong> 
  135.                 </strong></font></h1>
  136.             </div>
  137. <div id="Layer8" style="position:absolute; width:218px; height:21px; z-index:7; left: 357px; top: 229px;"><img src="dni1.png" width="561" height="51"></div>
  138.             <p>&nbsp;</p>
  139.             <div id="Layer9" style="position:absolute; width:136px; height:41px; z-index:8; left: 379px; top: 284px;"> 
  140.               <img src="tema2.png" width="452" height="39" class="lista"> </div>
  141. <div id="Layer10" style="position:absolute; width:89px; height:38px; z-index:9; left: 286px; top: 438px;"><img src="telefono1.png" width="184" height="38"></div>
  142.             <p>&nbsp;</p>
  143. <div id="Layer11" style="position:absolute; width:64px; height:58px; z-index:10; left: 301px; top: 377px;"><img src="telephone06.gif" width="60" height="55"></div>
  144.             <p>&nbsp;</p>
  145. <div id="Layer12" style="position:absolute; width:165px; height:23px; z-index:11; left: 473px; top: 440px;" class="numerotelefono">902 
  146.               345 678</div>
  147.             <div id="Layer13" style="position:absolute; width:214px; height:94px; z-index:12; left: 508px; top: 326px;"> 
  148. <div id="Layer15" style="position:absolute; width:184px; height:24px; z-index:13; left: 2px; top: 13px;"><img src="solucionamos.png" width="182" height="23"></div>
  149. <div id="Layer14" style="position:absolute; width:277px; height:22px; z-index:13; left: 143px; top: 129px;" class="tres">M&aacute;s 
  150. informaci&oacute;n acerca de este tema visita nuestra web <a href="tramitacionesonline.htm">[url]www.tramitacioneson[/url] line.es</a></div>
  151.               <p>&nbsp;</p><ul>
  152.                 <li><span class="lista">Subastas </span> 
  153.                   <div id="Layer16" style="position:absolute; width:231px; height:51px; z-index:13; left: 117px;"> 
  154.                     <ul>
  155.                       <li class="lista">Liquidez urgente</li>
  156.                       <li class="lista">Cancelamos RAI / ASNEF</li>
  157.                     </ul>
  158.                   </div>
  159.                 </li>
  160.                 <li class="lista">Embargos</li>
  161.               </ul>
  162.             </div>
  163.             <p>&nbsp;</p>
  164.             <p>&nbsp;</p>
  165.             <p class="numerotelefono">&nbsp;</p>
  166. <div id="Layer17" style="position:absolute; width:36px; height:20px; z-index:13; left: 732px; top: 415px;"><img src="flecha1.gif" width="23" height="39"></div>
  167. <div id="Layer18" style="position:absolute; width:134px; height:55px; z-index:14; left: 862px; top: 297px;"><a href="mailto:[email protected]"><img src="buzpnrojo1.gif" alt="escribenos un e-mail"style="border:none" /></a></div>
  168.           <p>&nbsp;</p></td>
  169.         </tr>
  170.       </table> </td>
  171.     </tr>
  172.     <tr>
  173.         
  174.     <td height="10" bgcolor="#FFFF00"> 
  175.       <center class="pie">
  176.         Todas las situaciones economicas tienen solucion. Sólo hay que saber buscarla. 
  177.       </center>
  178.         </td>
  179.         </tr>
  180. </table>
  181. </div>
  182. </body>
  183. </html>

Puedes darle el ancho que quieras, yo le he dado el ancho de 950px. También puede que tengas que mover las imagenes un poco pero esta vez se moverén con respecto al div contenedor no al borde del navegador. me dejas saber si te funciona.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...