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

Table border color wrong in Firefox and fine in every other browser

  • 6 replies
  • 19 have this problem
  • 39 views
  • Last reply by Protonus

more options

When building a page with a table, the border color is displaying grey when it should be green on multiple systems. I have # in front of the hex color.

 May 2010

The page shows up as it should in every other browser.

This happened

Every time Firefox opened

== last month

When building a page with a table, the border color is displaying grey when it should be green on multiple systems. I have # in front of the hex color. May 2010 The page shows up as it should in every other browser. == This happened == Every time Firefox opened == last month

Chosen solution

Pretty much moved all the separate attributes to do with style (like color,font and border sizes, element heights and widths,etc.) into the one style attribute. The Cascading Style Sheet method, whether it be as a tag attribute like in the fix I gave or inside <style> tags or in a separate .css file you <link> to, has been the standard since the late 1990s, so it's way past time to upgrade those skills :)

Read this answer in context 👍 0

All Replies (6)

more options

Please post all the code to test this into http://pastebin.mozilla.org then link to that post in a reply here.

more options

Here you go! Thanks!

more options

I corrected the code that wasn't standards compliant which you can test yourself. It also looked wrong in the Opera browser before I corrected it. Here you go! You're welcome!

more options

Can you tell me what part you changed? This is something I do every month so I need to know for future reference. Thank you for your help on this!

more options

Chosen Solution

Pretty much moved all the separate attributes to do with style (like color,font and border sizes, element heights and widths,etc.) into the one style attribute. The Cascading Style Sheet method, whether it be as a tag attribute like in the fix I gave or inside <style> tags or in a separate .css file you <link> to, has been the standard since the late 1990s, so it's way past time to upgrade those skills :)

more options

I FIGURED THIS OUT! For me at least.. Hope it helps others:

I finally managed to fix a problem in Firefox that's been plaguing my work machine since forever ago. Firefox on THIS computer only, would make certain CSS generated color elements like table borders, display in a very slightly wrong color. So you'd have something like a table, where the borders would be noticeable when in fact they should be the same color. It was slight, but enough to make me have to double check settings when setting up CSS colors for work etc. IE and Chrome didn't do it. Firefox on a secondary PC I use didn't do it - even when I brought over ALL settings and add ons using MozBackup! It drove me crazy, I decided to try and make another stab at it today. Turns out prior to Firefox 3.5 - if an image was saved with a color profile (such as Photoshop) Firefox would ignore it, and thus, pictures could look different in Firefox than in Photoshop. In Firefox 3.5 by default, images that were saved with ICC color tagging would parse that tagging, and as such look the same as expected. Article on that here with some nice comparison pics: http://hacks.mozilla.org/2009/06/color-correction/ Well that's all fine and good, and works. However, ONLY images tagged with ICC would do that with the default setting. The rest of the web page, would still display "normally". Well, I have a custom color profile for my primary monitor here at work applied at the Windows system level. And it seems, that is confusing FireFox, so SOME elements got color corrected, and others, left "Default", hence a very slight color differential. It turns out there is just one simple setting you change in about:config to "fix" this - it's this one: http://kb.mozillazine.org/Gfx.color_management.enabled The default setting is 2 - "Enable color management for tagged graphics only. (Default) ". I changed it to 1 "Enable color management for rendered graphics.", cycled my browser, and POOF the problem goes away. I also have greater color accuracy now for webpages as a WHOLE instead of just photographs with ICC. If you don't want to mess with about config, there is a plugin to change these settings with a nice GUI: https://addons.mozilla.org/en-US/firefox/addon/color-management/