Tema: Centrar tabla CSS urgent!
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 28/07/2011, 12:47
Avatar de andresdzphp
andresdzphp
Colaborador
  
Fecha de Ingreso: julio-2011
Ubicación: $this->Colombia;
Mensajes: 2.749
Antigüedad: 12 años, 9 meses
Puntos: 793
Respuesta: Centrar tabla CSS urgent!
Aquí te dejo este código pruebalo.

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>promo_panda</title>
  6. <!-- ImageReady Styles (promo_panda.psd) -->
  7. <style type="text/css">
  8. <!--
  9.  
  10. #Tabla_01 {
  11.     position:relative;
  12.     height: 1200px;
  13.     width: 900px;
  14.     margin: 0px auto 0px auto; 
  15.     text-align: center; /* Para resolver problemas de centrado con I.E 5 */
  16. }
  17.  
  18. #panda-01 {
  19.     position:absolute;
  20.     left:0px;
  21.     top:0px;
  22.     width:900px;
  23.     height:83px;
  24.     text-align: left;
  25. }
  26.  
  27. #panda-02 {
  28.     position:absolute;
  29.     left:0px;
  30.     top:83px;
  31.     width:900px;
  32.     height:234px;
  33.     text-align: left;
  34. }
  35.  
  36. #panda-03 {
  37.     position:absolute;
  38.     left:0px;
  39.     top:317px;
  40.     width:900px;
  41.     height:367px;
  42.     text-align: left;
  43. }
  44.  
  45. #panda-04 {
  46.     position:absolute;
  47.     left:0px;
  48.     top:684px;
  49.     width:900px;
  50.     height:304px;
  51.     text-align: left;
  52. }
  53.  
  54. #panda-05 {
  55.     position:absolute;
  56.     left:0px;
  57.     top:988px;
  58.     width:900px;
  59.     height:1px;
  60.     text-align: left;
  61. }
  62.  
  63. -->
  64. </style>
  65. <!-- End ImageReady Styles -->
  66. </head>
  67. <body style="background-color:#FFFFFF;">
  68. <!-- ImageReady Slices (promo_panda.psd) -->
  69. <div id="Tabla_01">
  70.     <div id="panda-01">
  71.         <img src="images/panda_01.gif" width="900" height="83" alt="" />
  72.     </div>
  73.     <div id="panda-02">
  74.         <img src="images/panda_02.gif" width="900" height="234" alt="" />
  75.     </div>
  76.     <div id="panda-03">
  77.         <img src="images/panda_03.gif" width="900" height="367" alt="" />
  78.     </div>
  79.     <div id="panda-04">
  80.         <img src="images/panda_04.gif" width="900" height="304" alt="" />
  81.     </div>
  82.     <div id="panda-05">
  83.       <p align="center">Si no puede ver este mail por favor haga <a href="#">click aqu&iacute;</a></p>
  84.       <p>&nbsp;</p>
  85.     </div>
  86. </div>
  87. <!-- End ImageReady Slices -->
  88. </body>
  89. </html>

No olvides colocar

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

o sino tendrás problemas con el bendito Internet Explorer

Saludos
__________________
Si sabemos como leer e interpretar el manual será mucho más fácil aprender PHP. En lugar de confiar en ejemplos o copiar y pegar - PHP
Última edición por andresdzphp; 28/07/2011 a las 13:14 Razón: Resolviendo problema con Internet Explorer