| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1308 人关注过本帖
标题:CSS+DIV的滚动条问题,困惑…………
只看楼主 加入收藏
sithing
Rank: 1
等 级:新手上路
帖 子:8
专家分:0
注 册:2006-11-30
收藏
 问题点数:0 回复次数:6 
CSS+DIV的滚动条问题,困惑…………

请求高人帮忙…………

本来是希望这样的情况,能滚动条一直下去的:
http://www.poemail.cn/poemail/foto/css_1.jpg

可是,却出现了这样的情况:不出现滚动条:
http://www.poemail.cn/poemail/foto/css_2.jpg

以下是我的代码:

CSS部分:

/* CSS Document */
*{margin:0px;
padding:0px;
}

/*定义页面元素信息之定义表格、输入框、表单*/
table{font-size:9pt;font-family:Arial;color:#000;border-collapse:collapse;}

INPUT{BORDER-TOP-WIDTH:1px;BORDER-LEFT-WIDTH:1px;FONT-SIZE:12px;BORDER-BOTTOM-WIDTH:1px;BORDER-RIGHT-WIDTH:1px;}

/*页面整体基本信息*/
body {font:12px Arial;margin:0px;text-align:left;background:#FFF;
SCROLLBAR-FACE-COLOR: #21a8c3;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #eeeeee;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
SCROLLBAR-BASE-COLOR: #ffffff;
}

/*定义Ul、Li等元素*/
ul{float:left;list-style:none;padding:0px 3px 0px 3px;}
li{float:left;list-style:none;padding:0px 3px 0px 3px;}

/*页面布局CSS信息开始*/
/*整个页面层容器*/
#container {width:100%;}

/*页面头部*/
#header {width:1000px;;height:100px;background:#FFCC99;margin:0 auto;border:0;}

/*整一页面横向banner,占页面容器100%,用于banner或可占一页面整体内容*/
#bannerbar {width:100%;border:0 solid;position:relative;float:left;text-align:left;font:12px Arial;}

/*页面主体*/
#pagebody{width:100%;position:relative;background:#ffffff;border:0;}

/*侧边栏(被页面主体包含)*/
#sidebar {width:200px;position:relative;float:left;border-color: #F0F8FF;border: 1px dotted #000000;margin:5px;}

/*中间第二栏(被页面主体包含)*/
#middlebar {width:400px; background:#ffffff;position:relative;float:left;border-color: #F0F8FF;border: 1px dotted #000000;margin:5px;}

/*第三栏(被页面主体包含) */
#threebar{width:200px;position:relative;float:left;border-color: #F0F8FF;border: 1px dotted #000000;margin:5px;}

/*主要内容区域(被页面主体包含)*/
#mainbody {width:600px;position:relative;float:left;border-color: #F0F8FF;border: 1px dotted #000000;margin:5px;}

/*右边栏(被页面主体包含)*/
#rightbar {width:180px;position:relative;float:left;border-color: #F0F8FF;border: 1px dotted #000000;margin:5px;}

/* 清除float,否则的高度会出错 没有包住它里面的有float的元素。 */
.clear-float{clear:both;}

/*页面底部*/
#footer {width:1000px;height:50px;background:#00FFFF;border:0px;}

/*页面布局CSS信息结束*/
#nav{border:0px;position:relative;float:left;

}

/*开始样式表标记工作*/
/*页内标题,新闻列表标题,文字*/
.title{ font: Arial 12px;text-align:center;background-image: url(dot.gif);overflow: hidden;}

.bestfont{filter:glow(color=blue,strength=3); height:10px; color:white; padding:1px;}

.goodfont{filter:glow(color=#339900,strength=2); height:10px; color:white; padding:1px;}

.button{color: #484848;border: 1px solid #43C400;font-size: 9pt;height:20; background-image: url(title.gif); }

HTML程序部份,请高手帮忙…………,谢谢


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/page.css" rel="stylesheet" type="text/css" />
</head>

<body>
<%'页面大格局以三栏分立效果%>
<div id="container">
<!--首先包含页面头部分文件!-->
<%'页面banner一整栏内容%>
<div id="bannerbar">这里是Banner Flash栏</div>

<div id="pagebody">
<%'左边栏%>
<div id="sidebar">
这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,这里是左侧边栏,</div>
<%'中间内容%>

<div id="mainbody">这里是中间内容展示栏目,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,这里是中间内容展示栏目,,,<br />
</div>
<%'右边栏%>
<div id="rightbar">这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,这是右边分类,sssssssssssssssssssssssssssss<br />
<ul>
<li>欢迎光临我的网站.</li>
<li>欢迎光临.......</li>
<li>真的欢迎光临我的网站</li>
<p align="center"><div class="bestfont">class bestfont</div></p>
</ul>
</div>
</div>

</body>
</html>

搜索更多相关主题的帖子: poemail foto DIV CSS 
2007-04-23 11:34
sithing
Rank: 1
等 级:新手上路
帖 子:8
专家分:0
注 册:2006-11-30
收藏
得分:0 
没人理我,我自己顶上去…………

2007-04-23 14:59
在编程中沦落
Rank: 2
等 级:新手上路
威 望:4
帖 子:411
专家分:0
注 册:2005-12-25
收藏
得分:0 
pagebody的宽度是自适应的…………
而且没有计算好sidebar,mainbody,rightbar的margin和border的值,剩下的rightbar应该是164px的时候就不会出现x滚动条了,就不下来了,你的大于这个数值…………

2007-04-24 16:37
sithing
Rank: 1
等 级:新手上路
帖 子:8
专家分:0
注 册:2006-11-30
收藏
得分:0 
行了,谢谢…………

2007-04-24 17:47
zhulei1978
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:53
帖 子:1351
专家分:1200
注 册:2006-12-17
收藏
得分:0 
怎么我把你的文件拷贝下来显示出来是这样
图片附件: 游客没有浏览图片的权限,请 登录注册


其实我就是改变社会风气,提高少女素质,刺激电影市道,提高年轻人内涵,玉树临风,风度翩翩的整蛊专家,我名叫古晶,英文名叫JingKoo!
2007-04-24 20:42
在编程中沦落
Rank: 2
等 级:新手上路
威 望:4
帖 子:411
专家分:0
注 册:2005-12-25
收藏
得分:0 
是编码问题吧,楼主的编码应该是UTF-8的吧,你可能用GB2312的编码文件拷的,所以出现乱码吧…………

2007-04-25 09:42
zhulei1978
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:53
帖 子:1351
专家分:1200
注 册:2006-12-17
收藏
得分:0 


其实我就是改变社会风气,提高少女素质,刺激电影市道,提高年轻人内涵,玉树临风,风度翩翩的整蛊专家,我名叫古晶,英文名叫JingKoo!
2007-04-25 15:29
快速回复:CSS+DIV的滚动条问题,困惑…………
数据加载中...
 
   



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

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