Browser image and color variations

Discussion in 'Web Design and Development (archive)' started by Island Roots, Nov 15, 2003.

  1. macrumors regular

    Joined:
    Sep 26, 2003
    #1
    I've dealt with this before but cannot recall how I fixed it. I'm pulling the examples from http://www.element87.com.
    • Using the eyedropper tool via Photoshop CS, the background color for the image is #D0D0D0 (http://www.element87.com/index.png - feel free to check for yourself)
    • Using CSS, I've set the background color for the page to be #D0D0D0
    Given that information, the image background and background color of the page should match.

    Screenshot from Mozilla Firebird (latest nightly OS X build):

    [​IMG]

    Screeenshot from Safari v1.1:

    [​IMG]

    Screenshot from IE 5.2:

    [​IMG]

    As you can tell, they like to use their own palettes of colors :blink: Safari is the only browser that renders the page properly; the others alter the background color to different color. I have a hunch it has something to do with not using websafe colors and some browsers using web-safe palettes while others (i.e. Safari) don't.
     
  2. Moderator emeritus

    Rower_CPU

    Joined:
    Oct 5, 2001
    Location:
    San Diego, CA
    #2
    Try a GIF instead of a PNG. PNG support is still (unfortunately) flaky enough to cause the issues you're seeing.
     
  3. thread starter macrumors regular

    Joined:
    Sep 26, 2003

Share This Page