网站不以firefox / chrome为中心

Question

我的网站在Firefox / Chrome上的宽屏上有问题。由于某种原因，它没有集中，保证金：0自动;也没有工作。该网站在普通屏幕上甚至可以在较低分辨率的宽屏幕上看起来很好，但在1900x1200上，内容由于某种原因不在中心。然而，该网站在1900x1200的IE 9上看起来很好。 这是代码：

jsfiddle.net/hXskH /

任何线索？

Answer 1

要使它居中，你需要添加一个宽度margin: 0 auto;最常见的宽度是960px;

#main {
padding-bottom: 300px;
margin:0 auto;
position: relative;
width: 960px;
} 

Answer 2

你没有为#main设置宽度，因为它是块级别，它占据了整个宽度，即100％。

设置元素的宽度。

#main {
padding-bottom: 300px;
margin:0 auto;
width:<your-width>;
position: relative;
}