CODEWITHSUNDEEP
javascriptphphtmlcssmacos
Joe Scotto
Joe Scotto

Reputation: 10877

Why does my CSS positioning appear different on Mac OS

I am working on this website (http://www.kronofiles.com) and have encountered an issue when I load the page on a Mac. The issue is that all the content of the central body is positioned higher than it should be. I have tested multiple times on Windows with different computers, screen resolutions, and browsers but all have the same correct look on Windows machines. When I tested on Mac the screen resolution was1366x768 on Google chrome and Safari. I am wondering if margins/padding could be causing this or if I will just have to send a different version of the site to a Mac machine. The HTML and CSS for the website are posted below on JSfiddle.

JSFiddle Link : http://jsfiddle.net/HeyItsProdigy/2RHuu/

Upvotes: 1

Views: 740

Answers (1)

AssemblyX
AssemblyX

Reputation: 1851

Try using Strict settings

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

This will force you to follow rules that will apply to most browsers when you use the W3C validation.

Upvotes: 3

Related Questions