Just come across something I've never noticed before, can anyone confirm?

 

A site I have just built looks different in Google Chrome for PC and Mac. I run a MAC at home and a PC at the office.

 

They are, as far as I know- the latest versions. Are there differences between the browsers on Mac and PC?

 

The offending page is at www.surveyors-negligence-claims.co.uk, and click the 'Start your claim now' button which brings up a lightbox iframe. Any ideas why this might be? On the broken browsers Chrome/Safari for MAC - the blue 'footer' appears at the top, however this is not present on Chrome/Safari for PC

 

Any clues?

Thanks

I've never really come across the overall layout of the website being affected between a Mac and PC.

I know one thing for definite though, the colours can look different that's really the only thing that I've seen affected as a windows pc/mac have different colours settings.

 

I'll have a look around for any solutions though

Color settings are profile dependent so your platform won't impact it, only the quality of your monitor's panel.

 

The biggest problem is font rendering differences. Font rendering on a Mac is very bold, which increases the horizontal and vertical space a character takes up. Windows Vista & 7 do a similar thing to fonts, though not as refined or extreme.

 

This can cause layout shift when lines of text wrap in different places across platforms. If you have a container with 10 lines instead of 8 or 9 it can affect the floating in your layout.

 

Other than that, I haven't run into any major differences. There are some platform specific CSS quirks but most of those are really old or alleviated by good CSS resets, semantic markup, modern doctypes, etc.