浏览器中的中心大页面

时间:2012-12-04 17:14:50

标签: javascript html css

  

可能重复:
  Center contents of webpage

我的网页宽度为1640像素,主要内容以页面为中心,宽度为900像素。无论用户屏幕或浏览器大小如何,我都需要在浏览器窗口中水平放置网页中心。这可能与javascript,jquery或css?我对java没有任何实际经验,所以有人能指出我正确的方向还是他们有代码样本?谢谢你的帮助!

这是指向要帮助的页面的链接。 Webpage link

我可能遇到的问题是因为页眉和页脚在我的容器外面并且运行我的网页的整个宽度。

3 个答案:

答案 0 :(得分:0)

代码如下所示:

#container { width: 1640px; margin: 0 auto; max-width: 100%; background-position: center 0;}

答案 1 :(得分:0)

您需要使用相对度量 - 即100%百分比 - 而不是固定数量 - 即1680px。这样你的包装器将占用特定屏幕的整个宽度,无论分辨率是多少,内容都将居中:

#wrapper {
   width:100%;
}
#content {
width:900px;
margin:0 auto;
}

答案 2 :(得分:0)

我发现了你的问题...你的代码正在做你想做的事情。您需要从width:1680px;

中删除显示html,body的CSS

而是说:width:100%;

希望有所帮助!