Color difference between IE and Firefox

DavidO · 12-16-2009, 10:54 AM

I'm developing a Wordpress site for the first time and I've got a problem with the different ways IE and FF display header colors. If you check this page in IE and then Firefox you'll see two different shades of blue in the header:

Articles On Natural Blood Pressure Control And Stress Management Lower Blood Pressure Naturally

In the FF display the color is uniform but in IE you see enough shade difference to ruin the header.

I'm familiar with differences in text display but I've never had this color problem before. Can anyone explain it?

I notice that the header background image is transparent in the style sheet but taking that out makes no difference.

Thanks for any suggestions!

Aronya · 12-16-2009, 12:28 PM

The first thing that comes to my mind would be to change the image format. gif to jpg, or jpg to gif, depending on what you're using. If you're using png, that could be the problem.

pabo · 12-16-2009, 01:26 PM

There is a difference in how the different browsers work with RGB. I don't know enough about the details to explain it in a good way, but I solve it by saving images "for the web" in your image editor. Then the image will look the same in all browsers.

Good luck

12-16-2009, 10:54 AM	#1
DavidO Senior Warrior Member War Room Member Join Date: Mar 2006 Location: United Kingdom, Spain Posts: 2,031 Thanks: 10 Thanked 101 Times in 58 Posts	Color difference between IE and Firefox I'm developing a Wordpress site for the first time and I've got a problem with the different ways IE and FF display header colors. If you check this page in IE and then Firefox you'll see two different shades of blue in the header: Articles On Natural Blood Pressure Control And Stress Management Lower Blood Pressure Naturally In the FF display the color is uniform but in IE you see enough shade difference to ruin the header. I'm familiar with differences in text display but I've never had this color problem before. Can anyone explain it? I notice that the header background image is transparent in the style sheet but taking that out makes no difference. Thanks for any suggestions!

12-16-2009, 12:28 PM	#2
Aronya Advanced Warrior War Room Member Join Date: Feb 2008 Location: Escondido, CA. Becase San Marcos just wasn't hot enough. Posts: 510 Thanks: 35 Thanked 56 Times in 55 Posts	Re: Color difference between IE and Firefox The first thing that comes to my mind would be to change the image format. gif to jpg, or jpg to gif, depending on what you're using. If you're using png, that could be the problem.

12-16-2009, 01:26 PM	#3
pabo Warrior Member Join Date: Dec 2009 Posts: 2 Thanks: 0 Thanked 0 Times in 0 Posts	Re: Color difference between IE and Firefox There is a difference in how the different browsers work with RGB. I don't know enough about the details to explain it in a good way, but I solve it by saving images "for the web" in your image editor. Then the image will look the same in all browsers. Good luck