Hello all,

If you take a look at my forum at www.beyondfootball.com/forum you will notice that the background of the top logo looks good in Firefox but in Internet Explorer the background does not blend.

Anyone know how this can be fixed?

Thanks!

I'm using IE version 6.0.29xxxx.

Which version are you using?

I see a darker blue rectangle about 400px by 200px about 20 px from the left edge of the banner in IE7.

Your header background is a .gif, whereas your logo is a png.

PNGs have alpha transparency levels, where as GIF files have only one level of transparency. Internet Explorer 6 and below don't have support for those alpha levels of transparency.

Internet Explorer 7 supports these levels of transparency. So why is it that PNG files look darker then? This has nothing to do with transparency. This has everything to do with Photoshop. Photoshop stores gamma information in all PNG files, that causes them to be rendered differently in IE7.

Delete that gAMA entry out of your PNG files, and it'll all look fine. You can use a freeware program, PngCrush, to do this: http://pmt.sourceforge.net/pngcrush/

Do a search on 'PNG color shifts', you'll come up with a lot of hits.

http://www.polarbearlamps.net/2007/04/png_color_mismatch_on_the_web.html

http://www.molly.com/2007/11/20/your-best-practices-for-creating-great-pngs/

I tend to make sure I save the logo and header background as the same file type. Saves me headaches down the road, as the colors will always match.

UPDATE: Photoshop CS3 has fixed this problem, gamma metadata is no longer embedded into PNG files. So you would only need to strip the unnecessary gamma metadata if using CS and CS2.

Here's a more user friendly program - http://psydk.org/PngOptimizer.php