Question

Posted

Check out the "Trending" pointer image.

Apparently, in Chrome, comparing both the OS X and Windows version, the image ends up mismatching even when it has the exact same HEX as the css itself.

You can check it out for yourself at [url="http://illingspree.com"]http://illingspree.com[/url] if you have both OS X & Windows to compare.

Does anyone know why this is happening? :/

Share this post


Link to post
Share on other sites

15 answers to this question

  • 0

Posted

colour profiles.

Share this post


Link to post
Share on other sites
  • 0

Posted

[quote name='primexx' timestamp='1355383767' post='595388178']
colour profiles.
[/quote]
This, its just how the two OS's render colour
[QUOTE]
The Mac uses a complex colourspace system called ColorSync to ensure colours appear identical on different devices. As a result, colours may sometimes be shifted slightly in the RGB space so that they appear to the eye identical on properly calibrated displays, printers, etc.
[/QUOTE]
from: [url="http://stackoverflow.com/questions/4717338/why-are-colors-displayed-differently-on-windows-os-x"]http://stackoverflow...on-windows-os-x[/url]
You'll probably have to use CSS to target OSX and find the correct colour codes to make your site display correctly.

Share this post


Link to post
Share on other sites
  • 0

Posted

But why does it display normally on all the other browsers? :/

Share this post


Link to post
Share on other sites
  • 0

Posted

not all browsers use colour profiles for the same stuff (or at all)
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted

You can probably get your monitors colour profile and load it into windows and see how it looks. I doubt it will be the same though. I noticed that myself that colours tend to appear worn out on the iphone as well.

Share this post


Link to post
Share on other sites
  • 0

Posted

The iPhone and the browsers on Windows are fine. On OS X, only Opera wasn't affected.

I changed my color profiles back to the original and there was still no effect.

Share this post


Link to post
Share on other sites
  • 0

Posted

Mate,
nobody will put your website in two or more browsers side by side :)

Share this post


Link to post
Share on other sites
  • 0

Posted

lol you're missing the point. :)

Share this post


Link to post
Share on other sites
  • 0

Posted

Looks the same for me in OSX Chrome as your Windows screenie

Share this post


Link to post
Share on other sites
  • 0

Posted

If I bend my laptops monitor, I'll notice the color difference in your image, it's still happening. :/

Share this post


Link to post
Share on other sites
  • 0

Posted

Use 2 different monitors use the same browser and the color will be different.

Share this post


Link to post
Share on other sites
  • 0

Posted

One way to fix this is by using CSS3 to make the pointer shape instead of using an image, though this won't be properly supported in older browsers.

[url="http://www.css3shapes.com/"]http://www.css3shapes.com/[/url] has several examples on shapes you can create with CSS3
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted

[quote name='SinsOfCube' timestamp='1355618903' post='595394604']
One way to fix this is by using CSS3 to make the pointer shape instead of using an image, though this won't be properly supported in older browsers.

[url="http://www.css3shapes.com/"]http://www.css3shapes.com/[/url] has several examples on shapes you can create with CSS3
[/quote]

oh wow I hadn't even noticed that arrow, I guess that's what OP was asking about all along?

Share this post


Link to post
Share on other sites
  • 0

Posted

[quote name='primexx' timestamp='1355622060' post='595394684']
oh wow I hadn't even noticed that arrow, I guess that's what OP was asking about all along?
[/quote]

I don't even know why I called it a pointer.

Share this post


Link to post
Share on other sites
  • 0

Posted

This is an issue with using PNGs. Read about it here: [url="http://hsivonen.iki.fi/png-gamma/"]The Sad Story of PNG Gamma
1 person likes this

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.