Table border color wrong in Firefox and fine in every other browser
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 👍 0All Replies (6)
Please post all the code to test this into http://pastebin.mozilla.org then link to that post in a reply here.
Here you go! Thanks!
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!
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!
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 :)
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/