windows computers absolute positioning of elements appearing differently

[jayg-7]

Hello!

I have elements (the feathers) that are absolutely positioned and then moved by a percentage.

I have it working great on mac; but on chrome for windows and Internet Explorer for windows the feathers are appearing too far from the dream catcher vertically. In other words for chrome on windows and I. E. for windows the feathers need to move up.

Here is the screen shot on mac (how it should be): https://www.evernote.com/shard/s3/sh/8896daef-f8cb-4338-bb83-58d859c02778/f2948fcde2f1afdd77f7fec5ec909f9d

Here is the screen shot for windows (the feathers need to move up): https://www.evernote.com/shard/s3/sh/0c097ac1-1682-4b84-bddc-21ab090da258/822e6a458fb8a126e3c696a8bb8a12a9

Thanks so much for any help! Here is the live link to the site:

http://bit.ly/1N7LOQO

[Senff]

This hasn’t really much to do with the fact that it’s on Windows or Mac, but everything with the screen size.

The position of the circle (dreamcatcher?) and the feathers depend on the screen size. When you compare browser windows on both Mac and Windows and they both have the exact same size (which is not the case in your screenshots), they should show the same.

There’s also the factor of retina screens, that may add also make a little difference.

[Author]

Posts