Jump to content



Photo
img

  • Please log in to reply
15 replies to this topic

#1 Mr.XXIV

Mr.XXIV

    Shine bright like Iron Man.

  • Tech Issues Solved: 1
  • Joined: 30-April 11
  • Location: Durham, North Carolina
  • OS: OS X Mountain Lion 10.8.5
  • Phone: iPhone 5

Posted 13 December 2012 - 04:13

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 http://illingspree.com if you have both OS X & Windows to compare.

Does anyone know why this is happening? :/

Attached Images

  • Untitled.jpg
  • Screen Shot 2012-12-12 at 11.11.50 PM.png



#2 primexx

primexx

    Neowinian Senior

  • Tech Issues Solved: 6
  • Joined: 24-April 05

Posted 13 December 2012 - 07:29

colour profiles.

#3 Guth

Guth

    Alba Gu Bráth

  • Joined: 30-December 05
  • Location: Scotland
  • OS: Windows 8 Pro
  • Phone: iPhone 5

Posted 13 December 2012 - 08:58

colour profiles.

This, its just how the two OS's render colour

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.

from: http://stackoverflow...on-windows-os-x
You'll probably have to use CSS to target OSX and find the correct colour codes to make your site display correctly.

#4 OP Mr.XXIV

Mr.XXIV

    Shine bright like Iron Man.

  • Tech Issues Solved: 1
  • Joined: 30-April 11
  • Location: Durham, North Carolina
  • OS: OS X Mountain Lion 10.8.5
  • Phone: iPhone 5

Posted 13 December 2012 - 14:09

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

#5 primexx

primexx

    Neowinian Senior

  • Tech Issues Solved: 6
  • Joined: 24-April 05

Posted 14 December 2012 - 00:48

not all browsers use colour profiles for the same stuff (or at all)

#6 Riva

Riva

    Neowinian

  • Tech Issues Solved: 1
  • Joined: 11-February 07

Posted 14 December 2012 - 00:53

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.

#7 OP Mr.XXIV

Mr.XXIV

    Shine bright like Iron Man.

  • Tech Issues Solved: 1
  • Joined: 30-April 11
  • Location: Durham, North Carolina
  • OS: OS X Mountain Lion 10.8.5
  • Phone: iPhone 5

Posted 14 December 2012 - 02:04

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.

Attached Images

  • Screen Shot 2012-12-13 at 9.01.56 PM.png


#8 Riva

Riva

    Neowinian

  • Tech Issues Solved: 1
  • Joined: 11-February 07

Posted 14 December 2012 - 02:21

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

#9 OP Mr.XXIV

Mr.XXIV

    Shine bright like Iron Man.

  • Tech Issues Solved: 1
  • Joined: 30-April 11
  • Location: Durham, North Carolina
  • OS: OS X Mountain Lion 10.8.5
  • Phone: iPhone 5

Posted 14 December 2012 - 03:14

lol you're missing the point. :)

#10 vetJohn S.

John S.

     ΜΟΛΩΝ ΛΑΒΕ

  • Joined: 18-January 02
  • Location: NE 10EC
  • OS: OSX Lion
  • Phone: iPhone 5

Posted 14 December 2012 - 05:20

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

Attached Images

  • Screen Shot 2012-12-14 at 12.18.19 AM.png


#11 OP Mr.XXIV

Mr.XXIV

    Shine bright like Iron Man.

  • Tech Issues Solved: 1
  • Joined: 30-April 11
  • Location: Durham, North Carolina
  • OS: OS X Mountain Lion 10.8.5
  • Phone: iPhone 5

Posted 14 December 2012 - 05:51

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

#12 ACTIONpack

ACTIONpack

    Graphic Designer

  • Tech Issues Solved: 1
  • Joined: 10-August 03
  • Location: Lawrenceville, GA
  • OS: Windows 8.1 Pro
  • Phone: Nokia Lumia 925 (T-Mobile)

Posted 16 December 2012 - 00:19

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

#13 SinsOfCube

SinsOfCube

    Neowinian

  • Tech Issues Solved: 3
  • Joined: 20-August 04
  • Location: Netherlands
  • OS: Windows 8
  • Phone: Nokia Lumia 900

Posted 16 December 2012 - 00:48

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.

http://www.css3shapes.com/ has several examples on shapes you can create with CSS3

#14 primexx

primexx

    Neowinian Senior

  • Tech Issues Solved: 6
  • Joined: 24-April 05

Posted 16 December 2012 - 01:41

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.

http://www.css3shapes.com/ has several examples on shapes you can create with CSS3


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

#15 OP Mr.XXIV

Mr.XXIV

    Shine bright like Iron Man.

  • Tech Issues Solved: 1
  • Joined: 30-April 11
  • Location: Durham, North Carolina
  • OS: OS X Mountain Lion 10.8.5
  • Phone: iPhone 5

Posted 16 December 2012 - 02:20

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


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



Click here to login or here to register to remove this ad, it's free!