Grow your CSS skills. Land your dream job.

Different grays in FF and IE?

  • # June 22, 2008 at 7:30 pm

    Why does #CCCCCC appear as a different color in FF and IE?

    In photoshop, #CCCCCC, (a gray) is a web safe color. I make an image with that background color, then, make the background color the same and its fine in FF. in IE, it shows up lighter.

    Whats the deal?

    Edit – I’m saving the files in PNG. Maybe its a different scale somehow?

    Edit again – I found a fix, I just made the .png backgrounds transparent. I would still like to know why colors are different in IE though.

    # June 22, 2008 at 10:42 pm

    Shouldn’t be…

    But if you are saving your PNGs with indexed color, there is a possibility you have so many colors in the graphic that the exact value for #cccccc didn’t "make the cut". Try bumping up the maximum colors in the PNG or saving it as a 32-bit PNG ("PNG-24") in Photoshop which won’t have a problem. If you are using JPG, make sure you using sRGB as the color profile when it’s saving out (automatic if you "Save for Web & Devices"). Any other color profiles are problematic as some browsers will use them (Safari) and others wont, which can cause issues…

    http://css-tricks.com/color-rendering-d … vs-safari/

    # June 22, 2008 at 11:02 pm

    Well, I for my web images I always use "Save for Web" And I was using PNG-24 save method. Maybe something is set wrong those settings? Also, I’m using Photoshop 7.0. Maybe thats the real reason! Thanks for the link though, very informative.

    # June 23, 2008 at 12:57 pm

    The problem has to deal with "Gamma correction," and the fact that IE doesn’t have a proper gamut setting (not sure about IE 8). I don’t really understand it that well, so as opposed to blabbing incoherently, here are two pages I found on it:

    http://hsivonen.iki.fi/png-gamma/

    http://forums.biorust.com/tutorial-subm … em-ie.html

    -Joe

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".