| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 401 人关注过本帖
标题:求助:asp+css做的主页两模块之间的距离错乱
只看楼主 加入收藏
枫寻翼
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2012-2-1
结帖率:0
收藏
已结贴  问题点数:20 回复次数:3 
求助:asp+css做的主页两模块之间的距离错乱
图片附件: 游客没有浏览图片的权限,请 登录注册
程序代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.">
<html xmlns="http://www.">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>asdasdasda</title>
<link rel="stylesheet" type="text/css" href="style/1.css" />
</head>
<body>
<!-- #include file="header.asp"-->
<div id="sidebar">
    <h1>新进会员    </h1>
    <div>
       
    </div>
</div>
<div id="content">
    <h1>文章列表 </h1>
    <div>
       
    </div>   
</div>
<div id="sidebar">
    <h1>最新图片    </h1>
    <div>
       
    </div>
</div>
<!--#include file="footer.asp"-->

</body>
</html>*{
    margin:0;
    padding:0;
}
body{
    font-size:12px;
    color:#333;
    width:900px;
    margin:0 auto;
    position:relative;
}
ul{
    list-style-type:none;
}
img{
    border:none;   
}
#header{
    width:900px;
    height:200px;
    background    :url(../iamges/logo.jpg) no-repeat 30px 30px;
    border:1px solid #ccc;
    margin-bottom:10px;
}
#header ul {
    margin-top:160px;
    margin-left:auto;
    width:430px;
}
#header ul li {
    float:left;
    width:70px;
    height:30px;
}
#header ul li a {
    color:#333;
    text-decoration:none;
}
#sidebar{
    width:300px;
    height:550px;
    float:left;
}
#sidebar h1{
    background:#ccc;
    height:25px;
    line-height:25px;
    font-size:14px;
    text-indent:10px;
}
#sidebar div{
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    height:250px;
}
#content{
    width:580px;
    height:600px;
    float:right;
}
#content h1{
    background:#ccc;
    height:25px;
    line-height:25px;
    font-size:14px;
    text-indent:10px;
    padding-bottom:15px
}
#content div{
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    height:550px;
}
#footer{
    width:900px;
    height:60px;
    clear:both;
    border-top:1px solid #999;
}
#footer p{
    text-align:center;
    padding-top:10px;
}

在我的电脑上运行后左边的两个块距离好大。没法该怎么修改控制?
搜索更多相关主题的帖子: html 
2012-02-01 11:17
枫寻翼
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2012-2-1
收藏
得分:0 
肿么没人呀。。
2012-02-01 16:44
lh460795
Rank: 2
等 级:论坛游民
帖 子:4
专家分:20
注 册:2012-2-6
收藏
得分:10 
没仔细看代码 估计是html布局没有 写规范 右边的文章列表高度超过 导致的
2012-02-06 16:05
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
收藏
得分:10 
LZ这个布局应该是先左右后上下的布局,你写的那个代码不是这么布局的
2012-02-06 17:45
快速回复:求助:asp+css做的主页两模块之间的距离错乱
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.019471 second(s), 10 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved