PDA

View Full Version : Browser image and color variations


Island Roots
Nov 15, 2003, 04:14 PM
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):

http://idisk.mac.com/justinhancock87/Public/bug1.gif

Screeenshot from Safari v1.1:

http://idisk.mac.com/justinhancock87/Public/bug2.gif

Screenshot from IE 5.2:

http://idisk.mac.com/justinhancock87/Public/bug3.gif

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.

Rower_CPU
Nov 15, 2003, 05:09 PM
Try a GIF instead of a PNG. PNG support is still (unfortunately) flaky enough to cause the issues you're seeing.

Island Roots
Nov 15, 2003, 06:20 PM
That solved it, thanks.