CSS 页面3栏结构的问题

bearbaba 2005-09-26 02:22:35
问题:用CSS写的3栏结构,不知道什么原因,最右边一栏必须在左边中间拦显示的下方显示,也就是在左边中间栏显示完成后换行显示,不知道为什么定位的代码不发挥作用?
另,贴出所有代码,希望高手帮助优化
----------------------------------- Framework.css -----------------------------

BODY
{
MARGIN: 0px; LINE-HEIGHT: 12pt; FONT-FAMILY: Tahoma,Verdana, Helvetica, Arial, sans-serif
}

#TopMainTitle
{
margin-top:0px;
padding-top:0px;
height:45px;
top:0px;
width:100%;
background:#FFFFFF;
Font-size:4.5em;
text-align:center;
}

#TopMainMenuUp
{
background:#FF7300;
padding-left:16%;
padding-right:16%;
}

#TopMainMenuMiddle
{
background:#FFFFFF;
padding-left:16%;
padding-right:16%;
}

.clearLine {
CLEAR: both;
DISPLAY: block;
Font-size:.75em;
text-align:center;
}

#LeftSide
{
margin-left:0px;
width: 16%;
border-left: 1px #999 solid;
border-right:1px #999 solid;
padding-left:0px;
background:#FFFFFF;
float:left;
}

#RightSide
{
width:16%;
border-left:1px #999 solid;
float:left;
background:#8BD600;
padding-top:0px;
}

#Middle
{
float:left;
width:68%;
background:#FF3300
}

----------------------------------- Index.htm ------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<Link href="_CSS/framework.css" rel="stylesheet" type="text/css">
</link>
</head>

<body>
<div id = "TopMainTitle">BBBB</div>
<div id = "TopMainMenuUp">aaaa</div>
<div id = "TopMainMenuMiddle">
<div class="clearLine"> </div>
</div>

<div id = "LeftSide">
<div class="clearLine">  </div>
</div>
<div id = "Middle">
<div class="clearLine"> 
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div id = "RightSide">
<div class="clearLine"> </div>
</div>
</body>
</html>

-------------------------------------------------------------------------
希望广大网友为我提出优化此类代码更好的意见,谢谢

...全文
52 点赞 收藏 4
写回复
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
helloyou0 2005-09-27
不要全去。我没试。觉得中间和右边的不需要float left。
你先调一下宽度,因为都有border,应该是超过了
回复
bearbaba 2005-09-26
如果我把float left去掉以后,3栏就变成靠做一栏了,为什么?
回复
helloyou0 2005-09-26
为什么都float left, 另似乎总宽度超出了
回复
hebhd 2005-09-26
写的不错哦。。。
回复
发动态
发帖子
CSS
创建于2007-09-28

5.9w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
社区公告
暂无公告