我要求的是像“多玩魔兽”网站首页那样的,中间是1000px主要内容居中(这个我会),主要是2边的背景图,根据分辨率不同显示的宽度也不同。( 麻烦先把分辨率调成大于1024的再去看多玩魔兽那个网站)
我是要用dreamwear做网页呢,代码怎么写,才能有这样的效果?
我自己已经解决了代码如下
<style type="text/css">
body {
margin:0;
padding:0;
text-align:center;
background:url(images/bg_side.jpg) no-repeat 50% top #283338; //bg_side,jpg中间是1000PX宽的空白区域,两边都是460px宽的图片(就是一张1920px宽的图片中间1000px挖空填白色)
height:900px; //高度根据你图片来定的
}
.main {
margin:0px auto 0 auto;
padding:0;
width:1000px;
height:900px;
position:relative;
background:url(images/bg_center.jpg) no-repeat; //这张图是1920px宽的图片中间挖出来的1000px部分。
}
</style>
<body>
<div class="main"></div>
</body>
这样可以让2边的背景自动适应分辨率宽度,而中间的1000px正文内容总在屏幕正中间