我正在这个网站(http://www.kronofiles.com)上工作，当我在Mac上加载页面时遇到了一个问题。问题是中心主体的所有内容都位于高于应有的位置。我在不同的电脑、屏幕分辨率和浏览器上对Windows进行了多次测试，但在Windows机器上都有相同的正确外观。当我在Mac上测试时，在谷歌chrome和Safari上的屏幕分辨率是1366x768。我想知道是否边距/填充可能会导致这种情况，或者如果我只需要发送一个不同版本的网站到Mac机器。该网站的HTML和CSS在JSfiddle上发布。
JSFiddle链接:http://jsfiddle.net/HeyItsProdigy/2RHuu/
尝试使用Strict设置
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
这将迫使您在使用W3C验证时遵循适用于大多数浏览器的规则。