Diferent color in IE and in Mozilla

[Evie]

In my css file I tried to set my background-color, but the color [4F3428] is diferent in IE and In Mozilla. Why is that?

Here is my code:

.post_box{
background-color: #4F3428;
background-image: url('http://www.rpattinson.net/wp-content/themes/classic/postbg.png');
background-repeat: no-repeat;
padding: 5px 7px 0px 7px;
}

I hope you can help me :)

[jscheuer1]

If I do a:


body {
background-color: #4F3428;
}

it looks the same to me here in IE 7 and Firefox 3.

Perhaps it's your background image. The .png format can have gamma chunks that make its colors look differently in IE sometimes. Many Image editing programs can remove this chunk (often with an option for gamma correction, or remove gamma correction, or even to 'fix' the .png image for the web, stuff like that), as can a free command-line utility called pngcrush (with it you simply set it to remove the gamma chunk). Also in IE 6, without some form of what is often called "pngfix" (special scripted styles for the page when viewed in IE 6), the .png format images (if they include alpha channel transparency/opacity) will not display correctly.

If you want more help:

Please post a link to the page on your site that contains the problematic code so we can check it out.

[jscheuer1]

Yes, that was it, here is your image with the gamma chunk removed:

3086

Click on it to see it full size, then right click on it and 'Save As'. Backup your original, and then replace it with this version.