Por qué colgroup/col no funciona en Chrome

Una de las respuestas a my previous question indica que colgroup/col solo debería funcionar en IE.Por qué colgroup/col no funciona en Chrome

He escrito un ejemplo (ver a continuación) que funciona en IE9 (centra el contenido de las celdas en la tercera columna), pero no funciona en la última versión de Chrome.

¿Qué hice mal?

Ejemplo de HTML:

<html> 
<head><title>test table centerring</title></head> 
<body> 

    <table border="1"> 
     <colgroup> 
      <col/> 
      <col/> 
      <col align="center"> 
     </colgroup> 
     <thead> 
      <tr> 
       <th>#</th> 
       <th>Name</th> 
       <th>Value</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>1</td> 
       <td>Name 1</td> 
       <td>Value 1</td> 
      </tr> 
      <tr> 
       <td>2</td> 
       <td>Name 2, Name 2, Name 2, Name 2</td> 
       <td>Value 2</td> 
      </tr> 
      <tr> 
       <td>3</td> 
       <td>Name 3</td> 
       <td>Value 3</td> 
      </tr> 
      <tr> 
       <td>4</td> 
       <td>Name 4</td> 
       <td>Value 4, Value 4, Value 4, Value 4</td> 
      </tr> 
     </tbody> 
    </table>   

</body></html>

Fuente

2012-04-23 Budda

Afirman que solo funciona en IE, lo que significa que no funcionará en Chrome. – ricochet1k

En realidad, yo estaba bastante seguro de que sólo es compatible con IE, pero estaba confundido por una de las respuestas a la pregunta Is there any way to center certain columns in table?. El autor de respuesta señaló también a algunas restricciones: http://www.quirksmode.org/css/columns.html

Desafortunadamente columnas de las tablas son bastante difíciles de utilizar, ya que si se utilizan básicamente se tiene una tabla que está subdividido en dos formas: por filas y por columnas. La regla general es que cualquier estilo definido en una fila prevalece sobre cualquier estilo definido en una columna.

En segundo lugar, W3C especifica que solo se pueden usar unas pocas declaraciones en las columnas: borde, fondo, ancho y visibilidad. Excepción: IE7 e inferior permiten todas las declaraciones.

En tercer lugar, existe cierta confusión sobre si los estilos de columna se aplican a la columna como un todo, o al individuo <td> s que contiene. La declaración de borde parece aplicarse a la columna como un todo, pero el ancho se aplica a las celdas individuales.

Eso hizo colgroup/col bastante inútil para centrar.

Fuente

2012-04-26 02:52:31 Budda

Por qué colgroup/col no funciona en Chrome

Respuesta

Cuestiones relacionadas