Foros del Web » Creando para Internet » CSS »

ayuda centrar una tabla en chrome

Estas en el tema de ayuda centrar una tabla en chrome en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/09/2010, 13:20
 
Fecha de Ingreso: septiembre-2010
Mensajes: 4
Antigüedad: 7 años, 3 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. }
  #2 (permalink)  
Antiguo 05/09/2010, 15:05
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: ayuda centrar una tabla en chrome

Hola:

Cambia la linea 4 por esta:

Código CSS:
Ver original
  1. *{padding:0; margin:0 auto;}

Saludos.

  #3 (permalink)  
Antiguo 05/09/2010, 18:06
 
Fecha de Ingreso: septiembre-2010
Mensajes: 4
Antigüedad: 7 años, 3 meses
Puntos: 0
Respuesta: ayuda centrar una tabla en chrome

Cita:
Iniciado por jomaruro Ver Mensaje
Hola:

Cambia la linea 4 por esta:

Código CSS:
Ver original
  1. *{padding:0; margin:0 auto;}

Saludos.


Excelente! ahora funciona perfecto!
Gracias

Etiquetas: chrome, tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:27.