Is anyone else having table border rendering problems in Firefox 3.6.7 for Mac?
I recently applied a Mac Firefox update (not sure which one, but I'm currently on 3.6.7) that introduced some strange table border rendering behaviors. Long story short, on certain pages that I visit regularly, the right-most table borders are now rendering erratically. The problem does not occur in Safari or Chrome on Mac, nor does it occur in IE or Firefox on Windows. Seems specific to Mac Firefox.
To reproduce, using Firefox 3.6.7 on Mac, browse to the following URL:
http://www.relativityreport.com/?page_id=963
...and note the erratic rendering of the right-most table cells on the page (you may need to scroll down to the bottom-most table to see the problem...but not always). They should be gray, but often appear blank (not necessarily all at once). Refresh the page a few times and note how the missing borders randomly appear and disappear. Now click your browser's back button. When the previous page has loaded, click the forward button to return to the affected URL. Note now how all cells render correctly.
Thanks!
Modified by wrakocy
All Replies (4)
I have this exact problem but in FireFox on Windows 7.
Edit: I have this problem, but on another table (sorry no link). It is a huge table of statistics though, many thousands pixels high.
Modified by lifer
I am also getting a similar error. When I increase the border width to 2px or more it becomes sort of eroded.I am using windows 7 firefox 4. Borders seem fine in all other major browsers including IE9.
Example http://year3.masterspokerleague.com/index.php?option=com_poker&view=overall&season_id=2
Any ideas?
Very annoying problem. I was able to fix it for my instance with a small change to my CSS. My style sheet had for tables: border-collapse:collapse and then applied a 1px border to all TD tags. When I explicitly added a 1px border to the TABLE tag and the TD tag, the problem disappeared. I hope this helps someone.
I have had this problem since FF 4 on Win7. It seems that the color and border-color attributes are linked at a table or row level. I had to set it at td level to work around this. I added this to my css file (so my border is light grey and the text still black). Tables without borders are not effected.
td { /* patch for firefox 4+ */ color: #000; border-color:#eee; }
Modified by hunterb