如何用Dreamweaver CS5让一个网页居中?

我用PS做了一个网页,保存网页格式,打开之后发现网页只占浏览器左边的一般左右,我想用Dreamweaver CS5让这个网页全屏居中,请问要编辑哪里的代码?本人刚学DW,求详细教程,谢谢。
代码是
<html>
<head>
<title>3_our tours</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="body"></div>
</body>
</html>

设置网页居中常见的两种方法:
第一种,设置div的宽度和margin属性。
如:
<body>
<div style="width:1000px; height:500px; margin:0 auto;padding:0;"></div>
</body>
这样就能让次DIV在屏幕中居中;

第二种方法:将屏幕分等分,即20%、80%、20%。将两边的颜色设置成透明即可。
<body>
<div style="width:20%; height:500px;"></div>
<div style="width:80%; height:500px;"></div>
<div style="width:20%; height:500px;"></div>
</body>
这样中间80%的DIV就能屏幕中居中。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2012-10-07
如果是表格做的页面,那么就让最外围表格对齐方式:居中对齐。
如果是div做的,那么在css中设置相应div:margin-right: auto;margin-left: auto;追问

请问相应div是指哪里?

3_our tours

本回答被网友采纳
第2个回答  2012-10-08
这个与你浏览器的选择和电脑的分辨率也有关系,最好的方法是设置两个div层,利用嵌套使用ps过的网页放在另外一个div层中设置属性居中,基本上这个问题就可以解决。追问

能详细讲一下新建div层吗?我不是很懂。。。

追答

新建div层也很简单,你在dreamweaver中的上边菜单栏中选择插入>布局>层,可以直接在页面显示,同时你也可以设置背景颜色、背景图片等、大小等等,然如鼠标放在这个层里边相同操作,就会出此案第二个层,下面就插入你ps过的网页就行。。。。。觉得可以用的话,就是最佳答案了!!!!

追问

请问把ps过的网页插进在DIV层的哪里?我弄好DIV层后直接把ps过的网页拖进DW里面发现根本没反应啊。

本回答被提问者采纳
第3个回答  2012-10-08
在Dreamweaver中的设计网页中 在下方设计的编辑中 点BODY 在点击网页的编辑中点居中就行了
第4个回答  2012-10-18
<html>
<head>
<title>3_our tours</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="background:url(图片路径) 50% 0 no-repeat">
<div id="body"></div>
</body>
</html>