整个页面居中

时间:2012-09-10 11:57:13

标签: css

我的网站左对齐,有很多绝对定位:

position: absolute;
left: 30px;
top: 200px;

我想把它放在中心位置,就像NYtimes.com一样。

我可以使用CSS来做这件事吗?

3 个答案:

答案 0 :(得分:5)

您可以将网站的整个内容包装在一个包装div中,如:

<body>
<div id="wrapper">
page content
</div> <!-- end #wrapper -->
</body>

然后,给包装器div一个宽度并以边距为中心,例如

#wrapper { width: 1000px; margin: 0 auto; }

答案 1 :(得分:0)

以下是有关如何使您的网站居中的基础知识,基本上将所有内容包装在DIV上并将其置于中心位置。

http://jsfiddle.net/9tbuB/

答案 2 :(得分:0)

以下链接解决了我的问题:

http://www.zachgraeve.com/2006/10/01/center-abosulte-position-div/

由于我有绝对定位,我必须使用上面链接中的技巧。

这是我的代码:

<div id="centerwrap">  

HTML code for entire webpage

</div>

CSS:

#centerwrap { 
     position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -500px; 
    }