Home/ Questions/Q 6786255
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T17:13:25+00:00

I am using a table to render a calendar. I have noticed an odd

  • 0

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 this web site.

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

UPDATE

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.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have a problem whith border-collapse:

    Here is a solution for your problem: http://www.charlesgarwood.com/blog/?p=13

    What to do:

    • change border-collapse from collapse to separate
    • change the border-width of the <td>s and <th>s from 2px to 1px
    • give the <table> itself a 1px border

    Give some conditional comments like described in the link

    • 0