Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Image changes color in IE

    one of my banners changes to a darker color in IE but is the rite color in FF. ive fixed it by using conditional comments to change the image when in IE, but is there another way?

    ta,
    Blaikus

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,858
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Can we have a link to your page?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    If this is a PNG then it probably has something to do with the gamma correction that some browsers do/don't do for PNG images. I'm far from expert on the topic, but this is an issue I have heard of before and I don't know of any way to correct it. Even if you can get it looking right on your machine another viewer could have a similar problem (or so I hear).

    I understand that GIF's are supposed to be better supported for gamma, but then there's the obvious reduction of quality...

    Edit: Here's an article that touches on this topic a bit...
    http://morris-photographics.com/phot...png-gamma.html
    The problem arises from the fact that browsers have traditionally treated the RGB values specified in CSS (and HTML), GIF and JPEG as identical (numerically and colorimetrically). With PNG, however, the stored gamma information is used to "correct" the RGB values prior to displaying the image, which means that they won't match other design elements when viewed in certain browsers. To complicate matters even further, not all browsers interpret this information in the same way: some ignore it completely, while others apply an arbitrary gamma adjustment.
    I'm not confident that you could ever correct for crossbrowser viewing with just CSS...
    Check out the reference there to PNGCrush - it looks like it can do what you need.

    Let me know how this works out for you...
    Last edited by Rowsdower!; 02-25-2009 at 06:36 PM. Reason: adding a link...
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •