WordPress.org

Ready to get started?Download WordPress

Forums

Hex Display Different (Safari vs. FF) (6 posts)

  1. MatthewJ
    Member
    Posted 7 years ago #

    I have a simple theme going on a website that my brother and I are just starting. For rounded corners, I have used .jpg images above and/or below the divs. The divs themselves are just background colored with a hex value. However, that hex value is being interpreted differently by FF and Safari. At the time of this posting, the div background hex is set to match the display of the .jpgs in Safari, but does not match in FF. Is there some way I can fix this (browser detection, etc.)? Thanks

    Matthew J

    http://simrealitystudios.com/__future_podcast

  2. Samuel B
    moderator
    Posted 7 years ago #

    Quite a few posts cover the Safari differences:
    http://wordpress.org/search/looks+different+in+Safari?forums=1

    I went to the site - looked darn good in FF 1.5.0.7

  3. Samuel Wood (Otto)
    Tech Ninja
    Posted 7 years ago #

    From your CSS:
    color: #FFF;

    Try using the full 6 character hex code in all your colors. 3 character codes are less than specific in some cases.

    Admittedly, that particular one should not make a difference since it's not one of the relevant background colors, but nevertheless it's worth looking at.

  4. MatthewJ
    Member
    Posted 7 years ago #

    I should be more specific. The background color of the divs is displaying the same in both browsers. The difference is in the display of the .jpgs. The .jpgs are being displayed lighter in FF than in Safari. That's what I want to fix.

  5. Samuel Wood (Otto)
    Tech Ninja
    Posted 7 years ago #

    Oh. Safari applies embedded ICC color profiles to images it displays. No other browser does this.

    Use something other than Adobe products and/or Mac software to make your image, and this problem will likely go away.

    Here's an extreme example of this sort of thing:
    http://www.color.org/version4html.html

  6. dakungfumasta
    Member
    Posted 7 years ago #

    Hi all,

    Was searching the net on why a site I'm working on displays wrong in Safari. It seems to be fine in IE and FF.

    http://www.insideartfilms.com

    In Safari the BG colour doesn't seem to match the greys I used in dreamweaver. And the odd thing is.. some jpegs blend in fine with the greys and other jpegs do not. But the jpegs were of the exact shade in photoshop.

    If anyone knows why this may be pleeease help as I've no hair left to pull out!

    Thank you in advance!

    Thang

Topic Closed

This topic has been closed to new replies.

About this Topic