*{ margin:0 auto; font-size:12px; }
body{
width: 778px;
background-color: #313031;
}
#head{ width:778px;
height:196px;}
#head_zuo{
width:213px;
height:196px;
background-image: url(%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/index_01.jpg);
float: left;
}
#head_youa{
width:250px;
height:20px;
float: left;
margin-top: 125px;
font-size: 18px;
font-weight: normal;
color: #000000;
margin-left: 10px;
}
#head_you{
background-image: url(%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/01.gif);
height: 196px;
width: 565px;
float: right;
}
#main{
background-image: url(%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/bg.jpg);
background-repeat: repeat-y;
width: 778px;
height: 600px;
}
#menu{
width:180px;
height:450px;
float: left;
margin:50px 0 0 15px;
line-height: 30px;
}
.menu_a{
width:176px;
height:27px;
background-image: url(%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/button.gif);
margin-top: 20px;
text-indent: 35px;
font-weight: bolder;
background-repeat: no-repeat;
}
#menu_you{
float: right;
height: 30px;
width: 520px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin-right: 22px;
}
h1{
font-size: 12px;
color: #666666;
padding:13px 0 0 5px;
}
#menu_youa{
float: right;
height: 350px;
width: 520px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin-right: 22px;
}
#foot{
height:90px;
width:200px;
margin-left: 420px;
}
#foot1{
height: 40px;
width: 200px;
color: #FFFFFF;
padding-top: 20px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="chunmei.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="head">
<div id="head_zuo"></div>
<div id="head_you">
<div id="head_youa">某某公司—MouMouGongSi</div>
</div>
</div>
<div id="main">
<div id="menu">
<div class="menu_a">首页</div>
<div class="menu_a">公司简介</div>
<div class="menu_a">产品介绍 </div>
<div class="menu_a">技术支持 </div>
<div class="menu_a">企业新闻 </div>
<div class="menu_a">常见问题 </div>
<div class="menu_a">联系我们 </div>
<div class="menu_a"> 最近更新</div>
<div class="menu_a"> 客户建议</div>
</div>
<div id="menu_you"><h1>团队精神 | 团队介绍 | 公司目标 | 发展方向 | </h1></div>
<div id="menu_youa"></div>
<div id="foot">
<div id="foot1">您的公司名称 版权所有 @2002<br />
公司地址: <br />
电话: 电子邮件: </div>
</div>
</div>
</body>
</html>
foot1的padding-top: 20px;为什么不起作用？在DW可以看得到效果。
我也用过H2{padding-top: 20px;}来控制，但是效果和foot1的一样，怎么回事呢？？
也试过，用foot(foot1不要)直接加margin-top: 420px;但是～在head和main间出现420PX空隙。
实在不知道怎么搞了，忘高手指教啦。
