Html 如何集中一个由绝对定位的div创建的完整网站？

我在dreamweaver上创建了一个站点，在

绝对
位置上绘制
div
s，但它看起来只以
1280px
宽监视器为中心，似乎无法让父
包裹
div
来承载所有绝对位置
div
s

这是我写的代码

<style type="text/css">
#wrap_main {
 position: absolute;
top: 0px;
z-index: 2;
width:1400px;
margin-left:-200px;
left:50%;
text-aling:left;
}

body {
background-color: #000000;
}
#Layer1 {
position:relative;
left:34px;
top:32px;
width:156px;
height:102px;
z-index:1;
}
#Layer2 {
position:relative;
left:37px;
top:136px;
width:104px;
height:32px;
z-index:2;
}
#Layer3 {
position:relative;
left:140px;
top:136px;
width:104px;
height:33px;
z-index:3;
}


#包裹主管道{
位置：绝对位置；
顶部：0px；
z指数：2；
宽度：1400px；
左边距：-200px；
左：50%；
文本：左；
}
身体{
背景色：#000000；
}
#第1层{
位置：相对位置；
左：34px；
顶部：32px；
宽度：156px；
高度：102px；
z指数：1；
}
#第二层{
位置：相对位置；
左：37像素；
顶部：136px；
宽度：104px；
高度：32px；
z指数：2；
}
#第3层{
位置：相对位置；
左：140像素；
顶部：136px；
宽度：104px；
高度：33像素；
z指数：3；
}

下面是显示我的父div和我希望包装的子div id的HTML内容

<div id="wrap_main">
<div id="Layer25"></div>
<div id="Layer37">`<img src="../Beer_n_tts_website/Images/blue_wood.jpg" alt="Blue Wood"     width="200" height="634" longdesc="Blue wood background for beer n tts" /></div>
<div id="Layer38"><a href="../Beer_n_tts_website/index.html"><img  src="../Beer_n_tts_website/Images/beerntts_logo.png" alt="beer n tts logo" width="118"  height="82" border="0" longdesc="beer and tts logo no background" /></a></div>'


`
'

在这里查找了定心
div
s之后，我似乎找不到一个适用于我所做的所有
div
s的答案，只是为了有一个
#wrap
或一个类。
详细信息：如果你只是想让它定心，下面就行了

css

html


其他分区
已找到解决方案。代码如下


#包装#u main{
位置：相对位置；
保证金：自动；
宽度：1200px；
}

其他部门
谢谢@MVCkarl-无论我如何找到解决方案，它都不起作用，这里的代码如下#wrap_main{位置：相对；边距：自动；宽度：1200px；}我将宽度调整为最常见的屏幕分辨率1280 px的宽度，只给了它一个相对位置，以便子divs，可以继续有一个绝对的位置，这似乎是伟大的工作，这有很大的帮助，当你像我一样懒惰，而是画了一堆div，使他们在网站上看起来很好，然后在不同的分辨率屏幕中心他们
#wrap_main { text-align: center }

<div id="wrap_main" >
    Other Div's
</div>