La mesa de relleno con CSS no funciona en IE

Esto no está funcionando en mi IE:

...

sin embargo, funciona en Opera.

¿Hay alguna solución?

Las especificaciones de CSS anteriores (que sigue IE6 – y uso la palabra “sigue” sin apretar) no son claras sobre lo que significa el relleno definido en una tabla. IE6, naturalmente, decidió interpretar esto de manera diferente que cualquier otro navegador, ignorando el relleno. Otros navegadores decidieron renderizarlo al agregar espaciado entre el borde de la tabla y las celdas más externas, sin afectar el espaciado dentro de las celdas o entre las celdas internas. Cuando salió IE7, las especificaciones se habían aclarado para funcionar como los otros navegadores, pero IE6 todavía tiene el problema, donde simplemente ignora el relleno.

La mejor solución es evitar poner relleno en su mesa, sino rodearlo con un div y colocar el relleno allí.

 

Por supuesto, si lo que quieres es espacio de celda o relleno de celda (en lugar de solo relleno sobre la mesa), entonces debes usar los atributos de cellpadding cellspacing o de cellpadding (incluso si no los quieres, al menos necesitas cellspacing="0" para evitar otro problema por separado con la representación de la tabla IE6).

Además, los estilos en línea aquí son para propósitos de demostración; usar clases de CSS generalmente se considera una mejor práctica.

¿

usar

? IE tiene problemas con algunos estilos css. Además, su syntax es incorrecta, olvidó un punto y coma.

Me atrevería a adivinar que algo más está mal en tu código.

El relleno funciona bien en IE:

http://jsbin.com/ewuho4/

Si quieres rellenar las celdas y luego usar celdas de truncado (cellpadding = “X”) si quieres rellenar una mesa, entonces eso es incómodo teniendo en cuenta su estructura, te recomiendo que pongas un margen si quieres un espacio entre él y el rest de cosas Padding no funciona en IE y aunque no soy fanático de IE, no lo culpo por eso