关于web的前台开发,该如何解决

关于web的前台开发
之前在论坛上，已经发了一次的了，现在还是不行，我想要开发的界面是：
关于web的前台开发,该如何解决

但是目前的我只是开发到：

但是目前的我只是开发到：


&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;
&lt;title&gt;userManger&lt;/title&gt;
&lt;link type="text/css" rel="stylesheet" href="css/userManage.css"  /&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="contain"&gt;
&lt;div id="dhTop"&gt;
  &lt;div id="hello"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div id="leftPanel"&gt;
  &lt;div id="userManger"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div id="rightPanel"&gt;
  &lt;div id="userTable"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div id="dhEnd"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

userManger.css:

/* CSS Document */

body{
background-color:#446787;
background-image:url(../images/bgFull.png);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
#contain {

}
#dhTop { 
background-image:url(../images/dhTop.png); 
left:0px;
top:0px;
width:1022px;
height:36px;
}

#userManger {
background-image:url(../images/userManger.png); 
left:29px;
top:185px;
width:153px;
height:27px;
}

#dhEnd {
background-image:url(../images/dhEnd.png); 
left:0px;
top:696px;
width:1022px;
height:26px;
}

ps里面的图片本来没有那么大的，是我拉大然后再保存，才可以那么大的，
现在的话，我该怎么才可以弄到像pS那样的图片？？
现在
1.既不能把顶部的导航拉长到尽头，
2.又不能把底部的导航拉长到尽头还有放在下面，怎么才可以让它在下面？？
3.还有怎么设置背景图放在特定的位置？？比如我又那么巧合把它放在ps的那些图片的位置上？
4.怎么可以让ps和dreamweaver结合起来，方便点用？？

[解决办法]
像你这么写宽度都固定死了，分辨率一变，肯定会走形的，可以居中固定宽度，可以百分比控制
[解决办法]

引用:

Quote: 引用:

像你这么写宽度都固定死了，分辨率一变，肯定会走形的，可以居中固定宽度，可以百分比控制

这个怎么弄？？初学。。。

width:100% 使当前元素根据外部的情况调整到最100%宽度

初学的话你这个界面确实太复杂了
如果你只是学习的话从简单的先开始学习吧

关于web的前台开发,该如何解决

热点推荐