Hi all, I have a logo in my header file, which needs to blend in with the background of my homepage. The format of the header is png. I had a designer do it for me. It came out perfect in firefox and blended with my background perfect but in IE, the colors and tone of the header is darker than my background. We have no idea how to fix this issue because the colors were edited in photoshop with the exact code as the background and it appears perfect in firexfox, but darker in IE. I searched google about it and many people have noticed the same issue but I haven't found any resolutions? Any ideas?
Here you go couponfan.com Load it in IE and Firefox...firefox shows it perfect, in IE, the blue on the top of my header is a bit darker. Header file is: couponfan.com/header.png Thanks!
Well I believe the colour you are trying to use doesnot really make it to the list of the 216 web colour variants. So you better try to adjust it to something similar to those tones. Some colours don't display too well. My suggestion would be to remove that blue portion from the header and keep a single Background.
This is due to PNG format having gamma correction informations baked in. If you are interested in what gamma is google "gamma correction png" but you'll get tons of math which you are probably not interested in. You can use the free TweakPNG tool to erase the Gamma chunk (id: gAMA) from your PNGs, then images will be displayed exactly as you expect them to regardless of operating system or browser. To make a long story short, this is the same reason why Mac and PC images sometimes appear brighter or darker, and some quicktime video files seem washed out after exporting.
just a fact of life. All you can do is make it a bit brighter, but not oo bright for ff... Or create a separate css doc for each browser.