Grow your CSS skills. Land your dream job.

Colors differ in different browsers. About to go crazy!

  • # December 18, 2012 at 12:47 am

    Hi guys,

    I have a very strange problem. I am working on a new design where I want my footer to be a dark pink color:
    #DB5C56

    But for whatever reason the color looks very different in Chrome and Safari. Here is how it looks: http://d.pr/i/hVDm

    How can this happen, and how can I prevent if from happening?

    Regards,
    tammelin

    # December 18, 2012 at 12:49 am

    I should add that the background color is set using background in CSS. The background is not an image …

    # December 18, 2012 at 12:51 am

    @tammelin Are you using Mountain Lion? Check Firefox and compare them.

    This might be the solution overall though if you’ve done this: http://stackoverflow.com/a/6246569/938664

    This was posted as a bug in Chrome and someone linked to a fix: http://www.brilliantthinking.net/2012/08/06/how-to-fix-screen-colour-changes-in-mountain-lion-osx/ but read the comments first.

    # December 18, 2012 at 1:12 am

    thanks a lot!

    after repairing the permissions and restarting chrome the colors now displays correctly!

    like the guy on stackoverflow I am also using an external monitor with a custom color profile. this seems to be the source of the issue. although the color looked fine in both safari and firefox all the time.

    thanks again!

    # December 18, 2012 at 1:16 am

    You’re welcome. Glad to see it’s fixed.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".