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.

Avatar for Username

Search Support

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

This thread was archived. Please ask a new question if you need help.

Firefox 4 no longer renders table borders properly

dragonslayer2k
dragonslayer2k
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)

diamond4
diamond4
more options

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

nathandailo
nathandailo
more options

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

Hope that works. Let me know!

dragonslayer2k
dragonslayer2k Question owner
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.

slinger2
slinger2
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.

dragonslayer2k
dragonslayer2k Question owner
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