Color Rendering Difference: Firefox vs. Safari

Tutorials March 7, 2008

Working around monitor gamma differences between Mac and PC is unfortunately a thing of impossibility - as even on the PC I have to battle huge differences. What does it help if I create nice imagery on a color corrected monitor, but then the next person has such a dark monitor setting and no correct calibration so that everything sinks into black? Very frustrating.

Next to this issue there is the subject of color profiles. A great thing. But depending what and how you do it, you can run into unexpected problems.

Color Rendering Difference: Firefox vs. Safari

By: Chris Coyier on February 28th, 2008 — Posted in: Quick Tip / Trick

CSS-Tricks reader Norm writes in to ask me about a problem he is having with color on a new site he is designing:

I have a graphical question about my test site. The header and main page background are pulled from the same original graphic and in Firefox the header and body match up fairly well (I still need to do a little work to get the patterns to match up better) but in Safari the shade of brown looks completely different between the header and body creating a seam where they meet. Do you have any idea on how I can avoid these differences in safari?

I opened his site in both Safari and Firefox and indeed, I saw the same problem. Here is a screenshot of them side by side:

Read the full article at : CSS-Tricks » Color Rendering Difference: Firefox vs. Safari.