初学css，请教css中的定位问题？试了一天也没有达到自己要得效果，郁闷！！！！！！！！！！！！！！！

wuyuhua_2000 2004-07-29 06:20:47
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0049)http://www.cbinews.com/epaper/2004-24/2004-24.htm -->
<HTML
xmlns="http://www.w3.org/1999/xhtml"><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE>
BODY {
MARGIN-TOP: 0px; MARGIN-LEFT: 0px;
FONT-SIZE:12px;COLOR:#666666;
LINE-HEIGHT:110%;
}
A:link {COLOR: #666666; TEXT-DECORATION: none}
A:visited {COLOR: #004056; TEXT-DECORATION: none}
A:active {COLOR: #004056; TEXT-DECORATION: none}
A:hover {COLOR: #000000; TEXT-DECORATION: none}
#top{
width:610px;
margin-top:0;margin-left:0;
background-color:#dfdfdf;
height:18px;
padding-left:555px;
}
#bottom{
margin-top=0;margin-left:0;
background-color:#f5f5f5;
}
#bottom left{width:250;
margin:0;
padding:0;
}
#bottom middle{position:absolute;
left:260px;
width:250;
margin:0;
padding:0;
}
#bottom right{position:absolute;
left:530px;
width:250;
margin:0;
padding:0;
}
#bottom ul{
margin:0;
padding:0;
border:medium none;
line-height:normal;
list-style-type:none;
}
#bottom li{
border-top:#FFF 10px solid;margin:0;
}
</STYLE>
</HEAD>
<BODY>
<div id=top>
<FORM class=style19 style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px" name=theform action=http://www.cbinews.com/inc/search.jsp method=post target=_black>
<INPUT size=10 value=输入检索信息 name=search height="18">
<SELECT name=searchType>
<OPTION value=keyWord selected>关键字</OPTION>
<OPTION value=articleBody>文章全文</OPTION>
<OPTION value=author>文章作者</OPTION>
<OPTION value=articleTitle>文章标题</OPTION>
</SELECT>
<INPUT style="FONT-SIZE: 9pt" type=submit value="搜 索" name=B1 height="18">
</FORM>
</div>
<div id=bottom>
<div class="left">
<ul>
<li><strong><font color="#993333">>>CBI视点</font></strong></li>
<li>*广州代理商巨网反戈 怒揭百度竞价排名黑幕</A></li>
<li>戴森在7月2日遭到了迎头棒喝。当天，百度公司公布了“广州、上海、北京”三地首批地区核心代理的通知，同时关闭了广州巨搜网网络技术有限公司（以下简巨网）客户终端新客户开户的权利。</A></li>
<li><A href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7677" target=_blank>*联想外设坚定渠道信心</A></li>
<li><A href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7678" target=_blank>*方正称不放弃数码相机业务</A></li>
</ul>
</div>
<div class="middle1">
<ul>
<li><FONT color=#003300><STRONG>>>CBI独家报道</STRONG></FONT></li>
<li><A href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7635" target=_blank>*东北1年></A></li>
<li><a href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7635" target="_blank">“振兴东北”国策发布一周年，在“国策”的推动下，IBM、微软、惠普、联想等纷纷加快掘金东北的步伐，东北的IT，似乎从来没有这样充满活力……</a></li>
<li><A href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7637" target=_blank>.长春IT难享“振兴”盛宴</A></li>>
<li><A href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7638" target=_blank>.黑龙江ISV的五个方向</A></li>
</ul>
</div>
<div class="right">
<ul>
<li><FONT color=#3d3d3d><STRONG>>>CBIResearch</STRONG></FONT></li>>
<li><a href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7624" target="_blank">*2004上半年主板芯片组市场“承上启下”<BR></a></li>
<li><A href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7624" target=_blank>2003年是主板技术重要的改革年，市场占有率最高的英特尔，在主板芯片组技术上做了两个历史性的重大动作...</A></li>
<li><FONT color=#1b5889><STRONG>>>CBI区域快递</STRONG></FONT></li>
<li><a href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7645" target="_blank">*高额学费说降就降？武汉暑期IT培训班令人生疑 </a></li>
</ul>
</div>
</div>
<HR align=left width=796 SIZE=1>

</BODY></HTML>

主要是#bottom中的左右中不管怎么写都没有反映。大伙帮忙看看什么地方出错了！！
我要的效果就是http://www.cbinews.com/epaper/2004-28/2004-28.htm一样。
...全文
180 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
wuyuhua_2000 2004-08-02
  • 打赏
  • 举报
 回复
我们公司用的是linux，有没有比较好点的html软件啊？
wuyuhua_2000 2004-07-30
  • 打赏
  • 举报
 回复
麻烦woyingjie兄能不能说说为什么必须把（.left/.right/.middle）分出来写啊？写到id=bottom中、或者body中为什么不行啊？
xiaowenand 2004-07-30
  • 打赏
  • 举报
 回复
用Dreamweaver2004做CSS,很容易
txhack 2004-07-30
  • 打赏
  • 举报
 回复
你用Dreamweaver做CSS,专门存在一个文件里,这样调用比较好
smallyear 2004-07-30
  • 打赏
  • 举报
 回复
你用的是CLASS名﹐所以要用.left之類
ID的用法是這樣﹐假如一個table﹐ID為tbl﹐就可以這樣來定義它里面的td:
#tbl td{...}
woyingjie 2004-07-29
  • 打赏
  • 举报
 回复
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0049)http://www.cbinews.com/epaper/2004-24/2004-24.htm -->
<HTML
xmlns="http://www.w3.org/1999/xhtml"><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE>
BODY {
MARGIN-TOP: 0px; MARGIN-LEFT: 0px;
FONT-SIZE:12px;COLOR:#666666;
LINE-HEIGHT:110%;
}
A:link {COLOR: #666666; TEXT-DECORATION: none}
A:visited {COLOR: #004056; TEXT-DECORATION: none}
A:active {COLOR: #004056; TEXT-DECORATION: none}
A:hover {COLOR: #000000; TEXT-DECORATION: none}
.top{
width:610px;
margin-top:0;margin-left:0;
background-color:#dfdfdf;
height:18px;
padding-left:555px;
}
.bottom{
margin-top=0;margin-left:0;
background-color:#f5f5f5;
}
.left{position:absolute;
top:20px;
left:0px;
width:250px;
margin:0;
padding:0;
}
.middle{position:absolute;
top:20px;
left:260px;
width:250;
margin:0;
padding:0;
}
.right{position:absolute;
top:20px;
left:530px;
width:250;
margin:0;
padding:0;
}
#bottom ul{
margin:0;
padding:0;
border:medium none;
line-height:normal;
list-style-type:none;
}
#bottom li{
border-top:#FFF 10px solid;margin:0;
}
</STYLE>
</HEAD>
<BODY>
<div id=top>
<FORM class=style19 style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px" name=theform action=http://www.cbinews.com/inc/

search.jsp method=post target=_black>
<INPUT size=10 value=输入检索信息 name=search height="18">
<SELECT name=searchType>
<OPTION value=keyWord selected>关键字</OPTION>
<OPTION value=articleBody>文章全文</OPTION>
<OPTION value=author>文章作者</OPTION>
<OPTION value=articleTitle>文章标题</OPTION>
</SELECT>
<INPUT style="FONT-SIZE: 9pt" type=submit value="搜 索" name=B1 height="18">
</FORM>
</div>
<div id=bottom>
<div class="left">
<ul>
<li><strong><font color="#993333">>>CBI视点</font></strong></li>
<li>*广州代理商巨网反戈 怒揭百度竞价排名黑幕</A></li>
<li>戴森在7月2日遭到了迎头棒喝。当天，百度公司公布了“广州、上海、北京”三地首批地区核心代理的通知，同时关闭了广州巨

搜网网络技术有限公司（以下简巨网）客户终端新客户开户的权利。</A></li>
<li><A href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7677" target=_blank>*联想外设坚定渠道信心</A></li>
<li><A href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7678" target=_blank>*方正称不放弃数码相机业务</

A></li>
</ul>
</div>
<div class="middle">
<ul>
<li><FONT color=#003300><STRONG>>>CBI独家报道</STRONG></FONT></li>
<li><A href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7635" target=_blank>*东北1年></A></li>
<li><a href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7635" target="_blank">“振兴东北”国策发布

一周年，在“国策”的推动下，IBM、微软、惠普、联想等纷纷加快掘金东北的步伐，东北的IT，似乎从来没有这样充满活力……</a></li>
<li><A href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7637" target=_blank>.长春IT难享“振兴”盛

宴</A></li>>
<li><A href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7638" target=_blank>.黑龙江ISV的五个方向<

/A></li>
</ul>
</div>
<div class="right">
<ul>
<li><FONT color=#3d3d3d><STRONG>>>CBIResearch</STRONG></FONT></li>>
<li><a href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7624" target="_blank">*2004上半年主板芯片组

市场“承上启下”<BR></a></li>
<li><A href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7624" target=_blank>2003年是主板技术重要的

改革年，市场占有率最高的英特尔，在主板芯片组技术上做了两个历史性的重大动作...</A></li>
<li><FONT color=#1b5889><STRONG>>>CBI区域快递</STRONG></FONT></li>
<li><a href="http://www.cbinews.com/inc/showcontent.jsp?articleid=7645" target="_blank">*高额学费说降就降？武

汉暑期IT培训班令人生疑 </a></li>
</ul>
</div>
</div>
<HR align=left width=796 SIZE=1>

</BODY></HTML>
HTML5+CSS3 精美登陆界面源码
3个很精美的登陆界面，全都是用HTML5+CSS3开发的，所以可能不适合低版本IE浏览器。大家可以下来看看，做的超级漂亮的。
最全韩顺平php入门到精通全套笔记
最全韩顺平php入门到精通全套笔记，免费的，绝对棒
如何使用CSS实现一个平滑过渡效果？
如何使用CSS实现一个平滑过渡效果？
什么是CSS中的渐变（gradient）？如何使用CSS创建线性渐变和径向渐变？
什么是CSS中的渐变（gradient）？如何使用CSS创建线性渐变和径向渐变？
css中的定位对其他元素的影响
1.相信初学者在刚刚接触定位，并且使用固定定位的时候，可能会出现一些不是自己想要的那个效果，使用固定定位的元素会影响到显示在它下方的元素，下方的元素会被使用固定定位的元素覆盖掉固定定位元素的高度。下面就给大家介绍一个小方法来解决这个小问题吧！ css代码如下 .top{       position: fixed;       width: 100%;      
CSS

61,124

社区成员

60,705

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章