Me encuentro haciendo un trabajo para web donde muestro gran cantidad de datos tabulados. Estas tablas están recuadradas para que resalten más. El borde está metido dentro del estilo aplicado a table y también en cada una de las celdas.
En FF, Opera y Safari (Win) funciona todo perfectamente, pero en IE el borde derecho (siempre este borde) se pierde. El resto de bordes aparecen sin problemas.
Además, cuando hago zoom a la pantalla (ctrl +), el borde sí que aparece en alguna proporción de zoom, mientras que en otras vuelve a desaparecer.
Estuve mirando cosas en internet acerca de este problema y encontré que había un bug en IE que causaba esto, pero era del 6 y yo estoy trabajando con 7 y 8. Según la info, el bug corregía si se incluía en el estilo del borde la instrucción "zoom: 1". Sin embargo, yo no he apreciado ningún cambio.
¿Alguien conoce este problema y sabe cómo resolverlo? O, en su defecto, ¿dónde podría encontrar más información al respecto?
Adjunto el ejemplo de cómo está montada la css, por si sirve de algo:
Código:
Muchas gracias a todos.table.tabla_enmarcada { border-collapse: collapse; . . . } tr.fila_par { background-color: #CCC; } td.celda_separador { border-left: 1px solid #E5E5E6; border-right: 1px solid #E5E5E6; . . . }
Un saludo.