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?
- Sold between 250 000 and 1 000 000 dollars
- Community Moderator
- Author was Featured
- Author has had an Item Featured
- Bought between 100 and 499 items
- Referred more than 2000 users
- Has been a member for 4-5 years
- Repeatedly Helped protect Envato Marketplaces against copyright violations
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:
Using embedded color profiles may be a partial solution if it’s important. See http://en.wikipedia.org/wiki/Color_management#Embedding
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.
OrganicBeeMedia saidWhat about IE?
fillerspace saiduse css3 HSLA or RGB values and itll render it right, if its using hex there will be a difference in each browser
If you want it pixel perfect in every browser, use an image.
use an image fallback, no need to load extra files/data(images) if you can do it with CSS
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.
doesnt look different for me are you on two different comps?
They look exactly the same in FireFox and Chrome on my computer