Tema: ayuda centrar una tabla en chrome
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/09/2010, 12:20
francocapo
 
Fecha de Ingreso: septiembre-2010
Mensajes: 4
Antigüedad: 13 años, 7 meses
Puntos: 0
ayuda centrar una tabla en chrome
Que tal, tengo problemas para centrar una tabla.

El tema es el siguiente, para usar el thickbox tengo que usa un archivo css y cuando agrego la sentencia para importar ese estilo las tablas se me alinean automáticamente a izquierda. Este problema solo me ocurre en google chrome, en internet explorer puedo centrar perfectamente.

la sentencia para importar es:

Código: 
<link rel="stylesheet" href="thickbox.css" type="text/css" media="screen" />

y el archivo thickbox.css:

Código CSS: 
Ver original
  1. /* ----------------------------------------------------------------------------------------------------------------*/
  2. /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
  3. /* ----------------------------------------------------------------------------------------------------------------*/
  4. *{padding: 0; margin: 0;}
  5.  
  6. /* ----------------------------------------------------------------------------------------------------------------*/
  7. /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
  8. /* ----------------------------------------------------------------------------------------------------------------*/
  9. #TB_window {
  10.     font: 12px Arial, Helvetica, sans-serif;
  11.     color: #333333;
  12. }
  13.  
  14. #TB_secondLine {
  15.     font: 10px Arial, Helvetica, sans-serif;
  16.     color:#666666;
  17. }
  18.  
  19. #TB_window a:link {color: #666666;}
  20. #TB_window a:visited {color: #666666;}
  21. #TB_window a:hover {color: #000;}
  22. #TB_window a:active {color: #666666;}
  23. #TB_window a:focus{color: #666666;}
  24.  
  25. /* ----------------------------------------------------------------------------------------------------------------*/
  26. /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
  27. /* ----------------------------------------------------------------------------------------------------------------*/
  28. #TB_overlay {
  29.     position: fixed;
  30.     z-index:100;
  31.     top: 0px;
  32.     left: 0px;
  33.     height:100&#37;;
  34.     width:100%;
  35. }
  36.  
  37. .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
  38. .TB_overlayBG {
  39.     background-color:#000;
  40.     filter:alpha(opacity=75);
  41.     -moz-opacity: 0.75;
  42.     opacity: 0.75;
  43. }
  44.  
  45. * html #TB_overlay { /* ie6 hack */
  46.      position: absolute;
  47.      height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
  48. }
  49.  
  50. #TB_window {
  51.     position: fixed;
  52.     background: #ffffff;
  53.     z-index: 102;
  54.     color:#000000;
  55.     display:none;
  56.     border: 4px solid #525252;
  57.     text-align:left;
  58.     top:50%;
  59.     left:50%;
  60. }
  61.  
  62. * html #TB_window { /* ie6 hack */
  63. position: absolute;
  64. margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
  65. }
  66.  
  67. #TB_window img#TB_Image {
  68.     display:block;
  69.     margin: 15px 0 0 15px;
  70.     border-right: 1px solid #ccc;
  71.     border-bottom: 1px solid #ccc;
  72.     border-top: 1px solid #666;
  73.     border-left: 1px solid #666;
  74. }
  75.  
  76. #TB_caption{
  77.     height:25px;
  78.     padding:7px 30px 10px 25px;
  79.     float:left;
  80. }
  81.  
  82. #TB_closeWindow{
  83.     height:25px;
  84.     padding:11px 25px 10px 0;
  85.     float:right;
  86. }
  87.  
  88. #TB_closeAjaxWindow{
  89.     padding:7px 10px 5px 0;
  90.     margin-bottom:1px;
  91.     text-align:right;
  92.     float:right;
  93. }
  94.  
  95. #TB_ajaxWindowTitle{
  96.     float:left;
  97.     padding:7px 0 5px 10px;
  98.     margin-bottom:1px;
  99. }
  100.  
  101. #TB_title{
  102.     background-color:#e8e8e8;
  103.     height:27px;
  104. }
  105.  
  106. #TB_ajaxContent{
  107.     clear:both;
  108.     padding:2px 15px 15px 15px;
  109.     overflow:auto;
  110.     text-align:left;
  111.     line-height:1.4em;
  112. }
  113.  
  114. #TB_ajaxContent.TB_modal{
  115.     padding:15px;
  116. }
  117.  
  118. #TB_ajaxContent p{
  119.     padding:5px 0px 5px 0px;
  120. }
  121.  
  122. #TB_load{
  123.     position: fixed;
  124.     display:none;
  125.     height:13px;
  126.     width:208px;
  127.     z-index:103;
  128.     top: 50%;
  129.     left: 50%;
  130.     margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
  131. }
  132.  
  133. * html #TB_load { /* ie6 hack */
  134. position: absolute;
  135. margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
  136. }
  137.  
  138. #TB_HideSelect{
  139.     z-index:99;
  140.     position:fixed;
  141.     top: 0;
  142.     left: 0;
  143.     background-color:#fff;
  144.     border:none;
  145.     filter:alpha(opacity=0);
  146.     -moz-opacity: 0;
  147.     opacity: 0;
  148.     height:100%;
  149.     width:100%;
  150. }
  151.  
  152. * html #TB_HideSelect { /* ie6 hack */
  153.      position: absolute;
  154.      height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
  155. }
  156.  
  157. #TB_iframeContent{
  158.     clear:both;
  159.     border:none;
  160.     margin-bottom:-1px;
  161.     margin-top:1px;
  162.     _margin-bottom:1px;
  163. }