Solución para el soporte de CSS de las células vacías de IE6

La propiedad de celdas vacías en css establece si el navegador debe o no crear bordes alrededor de celdas vacías en las tablas. Se pensó que Internet Explorer 6 no es compatible con esta propiedad. Sin embargo, si alinea las lunas CSS en la dirección perfecta, IE6 realmente reconoce la propiedad de las celdas vacías. Aquí está cómo hacerlo.

La elaboración de CSS para IE es una de las partes más dolorosas del trabajo de un diseñador. Lamentablemente, muchas de las grandes empresas siguen utilizando IE; por lo tanto, las correcciones y hacks de IE6 aún son requeridos.

Actualmente, estoy diseñando una aplicación para nuestro hospital (que aún utiliza IE6 solamente). El programa contiene una gran cantidad de datos en tablas y la falta de compatibilidad con CSS de celdas vacías se veía horrible. Este es un ejemplo de los bordes que no aparecen alrededor de las celdas vacías.

Para solucionar este problema, debe establecer el CSS colapso de la frontera propiedad de la mesa a colapso en su CSS también. Después de esto, IE6 procesará correctamente la celdas vacías propiedad en sus TDs. Aquí está el ejemplo más básico de CSS:


.sampletable {
colapso de la frontera: colapso;}
.sampleTD {
celdas vacías: mostrar;}

Aquí hay una captura de pantalla de este método en acción: