Click to See Complete Forum and Search --> : IE color issue


TheBriz09
09-10-2008, 01:34 PM
I'm having a weird color issue with IE. I have a navbar with text in it, and then right below that a JPG image with a matching green color. IE keeps displaying the two in different shades of green. Firefox displays perfectly. So I tried changing the image's shade of green to match the navbar shade of green that IE was showing, and IE still won't display the same shades of green.

In case you're wondering, the colors are, according to Photoshop's eye dropper:

old layout - IE displayed #99cc00 navbar; #8fc600 image
so then I changed the page navbar background to #8fc600
new layout - IE displayed #8fc600 navbar; #84bf00 image

IE is displaying the image as #84bf00 even though it is clearly #8fc600 in Photoshop. Does anyone know how to fix this?

KDLA
09-11-2008, 07:48 AM
I suggest you validate your code. You could have an unclosed tag or another CSS style that is affecting the area.

WebJoel
09-12-2008, 10:31 PM
...though it is clearly #8fc600 in Photoshop. Are you using PhotoShop to inform you of the hex value of the background-color, or is this 'background-color" in/embedded part & parcel of an image created in PhotoShop... You see, this is the problem of posted questions without posting the relevant code :o

-If this 'background-color' embedded in/as an IMAGE, did you SAVE the image in a 'for web' format? If not, you are getting expected losses. And if IMAGE, is it a *PNG which leads my thinking down another path entirely... that IE cannot correctly handle the alpha-transparency layer of *PNGs without a simple, special 'fix' code... If increasingly hypothetical image carries a transparency layer, IE is gonna screw it up...

Either show your code or attach the image. There isn't much anyone can do for you until we can see your code. :o

fliptight
09-13-2008, 03:57 AM
is the navbar using a gif background? or just an html background color? either way, there are some differences in how the browser renders the gamma of a jpeg which makes it harder to match the color (check your page in Mac Safari for example and you'll see a BIG difference).