网站不以firefox / chrome为中心

时间:2012-10-29 10:16:32

标签: css html5 firefox google-chrome widescreen

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

jsfiddle.net/hXskH /

任何线索?

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

设置元素的宽度。

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