This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

ابحث في الدعم

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Firefox 4 no longer renders table borders properly

more options

Table borders aren't being correctly rendered since the upgrade to 4.0. Whereas 3.6 rendered BORDERCOLOR=DARKGOLDENROD correctly, 4.0 renders it as if the instruction was BORDERCOLORLIGHT=GOLDENROD BORDERCOLORDARK=DARKGOLDENROD. In other words, 4.0 is attempting to render a 3-d color by rendering the top and left border in a light color, and the right and bottom border in a dark color.

IE, Chrome, Firefox 3.6, and SEAMONKEY all render the table borders correctly.

Table borders aren't being correctly rendered since the upgrade to 4.0. Whereas 3.6 rendered BORDERCOLOR=DARKGOLDENROD correctly, 4.0 renders it as if the instruction was BORDERCOLORLIGHT=GOLDENROD BORDERCOLORDARK=DARKGOLDENROD. In other words, 4.0 is attempting to render a 3-d color by rendering the top and left border in a light color, and the right and bottom border in a dark color. IE, Chrome, Firefox 3.6, and SEAMONKEY all render the table borders correctly.

Modified by dragonslayer2k

All Replies (5)

more options

Couldn't have stated it better! As I do several personal genealogy sites, this is particularly annoying and troublesome artistically.

more options

Have you tried adding "border-collapse: collapse;" ?

Hope that works. Let me know!

more options

Two things:

1) I tried your suggestion, and if I did it right, it actually makes the rendering issue much worse. Give it a try (using a wide border to emphasize the problem) and you'll see what I mean; and

2) I shouldn't have to use CSS to fix Firefox's HTML rendering problems. If the developers could get it right in 3.6, then they should still be able to get it right in 4.0.

But thanks for your suggestion all the same.

more options

Am amazed to see the amount of new code FF4 generates. Is it trying to 'fix' non-compliant html with CSS? Whatever, it's not welcome. At least one old page of mine with a table border displays as you describe, beveled. Firebug shows at least 20 lines of CSS that are not in the original html.

Where is the documentation/justification for FF's approach, and how can I best override it? Or must I bring every old page into compliance? Whatever happened to aging 'gracefully'?

Please don't answer this if you're a cat, a bear, or a yeti. After one day I'm sick of Mozilla's cutesy-poo animals already.

more options

Your HTML code isn't out of compliance. FF developers are out of compliance with the HTML specification. Either they don't understand it, or are too lazy to read it.

You know what's funny? SeaMonkey, which also uses the Gecko rendering engine, renders table borders correctly, as did FF3.6. Prior to FF3.6, if my memory serves me correctly, the rendering of table borders was the same as it is now in FF4. Then they fixed it in FF3.6.

Modified by dragonslayer2k