Solución alternativa para el error de representación del borde de la tabla de Firefox

I am using a table to render a calendar. I have noticed an odd rendering bug in table cell border rendering in Firefox version 3.6 through 7. Here's a screen capture:

table border rendering bug

As you can see, the border gets "bent" when I scroll. Also, there are gaps between the horizontal and vertical border where it isn't "bent". A live example can be seen on este sitio web.

I don't see this behavior in Chrome, Safari, or Internet Explorer.


I am still seeing this issue in Firefox 20. I have noticed that single pixel borders do not exhibit this behavior, only two pixels or more.

preguntado el 08 de noviembre de 11 a las 14:11

only happened the first time i opened the page, refreshing makes the bug disappear, ctrl+click on table cells reproduces it -

@max4ever - That's true for me and the "bent" issue, but the one pixel gap issue remains. -

1 Respuestas

You have a problem whith border-collapse:

Here is a solution for your problem:

Qué hacer:

  • cambiar border-collapse desde collapse a separate
  • cambiar el border-width de los <td>s y <th>s de 2px a 1px
  • dar el <table> itself a 1px border

Give some conditional comments like described in the link

Respondido el 04 de Septiembre de 13 a las 10:09

Thanks! This looks like one of those situations where the cure is almost uglier than the symptom. - Hijo

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.