93 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 200+ members
  • Has sold $125,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+8 more
23andwalnut says

Lately I’ve noticed the colors of a lot of websites look different in chrome and firefox. Has anyone else experienced this? Is there a fix?

Chrome Example:


Firefox Example:

3503 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $750,000+ on Envato Market
  • Located in United States
  • Helps us moderate the forums
+10 more
sevenspark Moderator says

I think it has to do with the way the browsers handle color management and color profile support. These might provide you with some further insight:

http://bholley.wordpress.com/2008/09/12/so-many-colors/

http://code.google.com/p/chromium/issues/detail?id=143

Using embedded color profiles may be a partial solution if it’s important. See http://en.wikipedia.org/wiki/Color_management#Embedding

1148 posts
  • Has referred 1+ members
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+3 more
fillerspace says

If those buttons were made with CSS (rounded corners and gradients), it is likely just a difference in the way the different rendering engines handle it (in the same way that textareas or radio buttons look different across browsers). If you want it pixel perfect in every browser, use an image. I think it is worth the slight variation between browsers to do it in CSS , because it means you can change the style without going back to Photshop to make your changes.

3437 posts
  • Has sold $5,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Located in United States
  • Has been part of the Envato Community for over 4 years
+1 more
organicbee says

If you want it pixel perfect in every browser, use an image.

use css3 HSLA or RGB values and itll render it right, if its using hex there will be a difference in each browser

1148 posts
  • Has referred 1+ members
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+3 more
fillerspace says


If you want it pixel perfect in every browser, use an image.
use css3 HSLA or RGB values and itll render it right, if its using hex there will be a difference in each browser

What about IE? ;)

3437 posts
  • Has sold $5,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Located in United States
  • Has been part of the Envato Community for over 4 years
+1 more
organicbee says



If you want it pixel perfect in every browser, use an image.
use css3 HSLA or RGB values and itll render it right, if its using hex there will be a difference in each browser
What about IE? ;)

use an image fallback, no need to load extra files/data(images) if you can do it with CSS

93 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 200+ members
  • Has sold $125,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+8 more
23andwalnut says

If those buttons were made with CSS (rounded corners and gradients), it is likely just a difference in the way the different rendering engines handle it

They’re actually images rather than css. I pulled them from a theme here on themeforest. I’ve seen the same behavior on several websites, which leads me to believe it has something to do with the browsers. Link to the theme: http://themeforest.net/item/ambience-premium-wordpress-business-theme-/full_screen_preview/179383

@sevenspark. Thanks for the links. I’ll take a look and see if there’s a solution somewhere in there.

3437 posts
  • Has sold $5,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Located in United States
  • Has been part of the Envato Community for over 4 years
+1 more
organicbee says

doesnt look different for me are you on two different comps?

93 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 200+ members
  • Has sold $125,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+8 more
23andwalnut says

doesnt look different for me are you on two different comps?

Nope. It could very well be an issue with my settings, but I’ve reset both browsers to their default settings and still have the same results…

1148 posts
  • Has referred 1+ members
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+3 more
fillerspace says

They look exactly the same in FireFox and Chrome on my computer

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by