读书人

问一个DIV+CSS有关问题

发布时间: 2012-02-08 19:52:21 作者: rapoo

问一个DIV+CSS问题?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN " "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd ">
<!-- saved from url=(0027)http://localhost/MyWeb/BBS/ -->
<HTML xmlns= "http://www.w3.org/1999/xhtml "> <HEAD> <TITLE> xx论坛 </TITLE>
<META http-equiv=Content-Type content= "text/html; charset=gb2312 "> <LINK
href= "MyCss.css " type=text/css rel=stylesheet>

<META content= "MSHTML 6.00.3790.2858 " name=GENERATOR> </HEAD>
<BODY>
<DIV class=HEADER>
<UL>
<LI onclick=javascript:> 博客   </LI>
<LI onclick=javascript:Default()> 默认版面 |  </LI>
<LI onClick= "javascript:location.href= 'Search.html ' "> 资源搜索 |  </LI>
<LI onClick= "location.href= 'Register.html ' "> 用户注册 |  </LI>
<LI onClick= "location.href= 'Register.html ' "> 用户登陆 |  </LI>
<LI onClick= "location.href= '../Index1.html ' "> MyWeb首页 | 
</LI> </UL> </DIV>
<DIV class=MODULE id=1>
<DIV class=MODULE_TITLE onMouseDown= "DragStart(event, '1 ') " id=1_Title> <SPAN
class=TITLE_LEFT> ≡商友俱乐部≡ </SPAN> <SPAN class=TITLE_RIGHT> <IMG id=1_Lock title=锁定
style= "CURSOR: pointer " onClick= "ck( '1 ') " height=13 src= "xx论坛_files/unlock.gif "
width=13> <IMG id=1_Size title=最小化 style= "CURSOR: pointer " onClick= "cm( '1 ') "
height=13 src= "xx论坛_files/max.gif " width=13> <IMG style= "CURSOR: pointer "
onclick= "ce( '1 ') " height=13 src= "xx论坛_files/icon_close.gif " width=13>
</SPAN> </DIV>
<DIV class=MODULE_CONTENT id=1_Content>
<DIV class=FORUMLIST_TITLE>
<UL>
<LI style= "PADDING-LEFT: 70px; WIDTH: 700px; TEXT-ALIGN: left "> 论坛 </LI>
<LI style= "WIDTH: 40px "> 主题 </LI>
<LI style= "WIDTH: 40px "> 贴数 </LI>
<LI style= "WIDTH: 90px "> 最后发表 </LI>
<LI style= "WIDTH: 88px "> 版主 </LI> </UL> </DIV>
<DIV class=FORUMLIST>
<UL>
<LI
style= "PADDING-RIGHT: 10px; PADDING-LEFT: 10px; WIDTH: 30px; PADDING-TOP: 4px "> <IMG
title=有新的贴子 height=24 src= "xx论坛_files/forumNew.gif " width=22> </LI>
<LI
style= "PADDING-LEFT: 18px; WIDTH: 600px; TEXT-ALIGN: left "> 『  <B> 网店系统搜索引擎优化(浩维互动支持) </B>  』 <BR>   讨论网店搜索引擎优化经验与技巧,由专业SEO公司浩维互动提供支持;


</LI>
<LI
style= "PADDING-RIGHT: 10px; PADDING-LEFT: 10px; WIDTH: 60px; PADDING-TOP: 2px "> <IMG
height=32 src= "xx论坛_files/icon_1_1.gif " width=32> </LI>
<LI
style= "PADDING-RIGHT: 10px; PADDING-LEFT: 10px; WIDTH: 40px; PADDING-TOP: 10px "> 0
</LI>
<LI
style= "PADDING-RIGHT: 10px; PADDING-LEFT: 10px; WIDTH: 40px; PADDING-TOP: 10px "> 0
</LI>
<LI
style= "PADDING-RIGHT: 10px; PADDING-LEFT: 10px; WIDTH: 90px; PADDING-TOP: 10px "> </LI>
<LI
style= "PADDING-RIGHT: 10px; PADDING-LEFT: 10px; WIDTH: 88px; PADDING-TOP: 10px "> 管理员
</LI> </UL> </DIV> </DIV> </DIV>
<DIV class=MODULE id=onLineMember>
<DIV class=MODULE_TITLE onMouseDown= "DragStart(event, 'onLineMember ') "
id=onLineMember_Title> <SPAN class=TITLE_LEFT> ≡在线人数≡ </SPAN> <SPAN
class=TITLE_RIGHT> <IMG id=onLineMember_Lock title=锁定 style= "CURSOR: pointer "
onclick= "ck( 'onLineMember ') " height=13 src= "xx论坛_files/unlock.gif "
width=13>   <IMG id=onLineMember_Size title=最小化 style= "CURSOR: pointer "
onclick= "cm( 'onLineMember ') " height=13 src= "xx论坛_files/max.gif "
width=13>   <IMG style= "CURSOR: pointer " onClick= "ce( 'onLineMember ') "
height=13 src= "xx论坛_files/icon_close.gif " width=13> </SPAN> </DIV>
<DIV class=MODULE_CONTENT id=onLineMember_Content>
<DIV class=ONLINE>
<UL>
<LI> 紫岩 </LI> </UL> </DIV> </DIV> </DIV>
<DIV class=FORUMIMAGE id=forumImage>
<UL>
<LI> <IMG height=24 src= "xx论坛_files/forumNew.gif " width=22> 有新的贴子 </LI>
<LI> <IMG height=24 src= "xx论坛_files/forumNone.gif " width=22> 无新的贴子 </LI>
<LI> <IMG height=24 src= "xx论坛_files/forumLock.gif " width=22> 被锁定论坛
</LI> </UL> </DIV>
<DIV class=FOOTER> MyWeb.com.cn © 2007 版权所有 不得转载 京ICP证000000号 网络110报警
</DIV> </BODY> </HTML>


MyCss.css文件

BODY {
FONT-SIZE: 12px; MARGIN: 16px; COLOR: #444444; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
.HEADER {
CLEAR: both; Z-INDEX: 1; MARGIN-BOTTOM: 12px; WIDTH: 960px; COLOR: #666666; HEIGHT: 60px


}
.HEADER UL {
MARGIN: 10px; LIST-STYLE-TYPE: none
}
.HEADER LI {
FLOAT: right; CURSOR: pointer; COLOR: #666666; PADDING-TOP: 30px
}
.FOOTER {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 960px; PADDING-TOP: 2px; POSITION: relative; TEXT-ALIGN: center
}
.MODULE {
BORDER-RIGHT: #c8c8c8 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #c8c8c8 1px solid; PADDING-LEFT: 0px; MARGIN-BOTTOM: 12px; PADDING-BOTTOM: 0px; BORDER-LEFT: #c8c8c8 1px solid; WIDTH: 960px; PADDING-TOP: 0px; BORDER-BOTTOM: #c8c8c8 1px solid
}
.MODULE_TITLE {
BACKGROUND-POSITION: center 50%; MARGIN-TOP: 2px; BACKGROUND-IMAGE: url(../Images/bg_title_middle.gif); CURSOR: move; BACKGROUND-REPEAT: repeat-x; POSITION: relative; HEIGHT: 25px; TEXT-ALIGN: center
}
.TITLE_LEFT {
PADDING-LEFT: 10px; FONT-WEIGHT: bold; LEFT: 0px; POSITION: absolute; TOP: 4px
}
.TITLE_RIGHT {
PADDING-RIGHT: 3px; RIGHT: -1px; POSITION: absolute; TOP: 4px
}
.MODULE_CONTENT {
CLEAR: none
}
.FORUMLIST_TITLE {
MARGIN-BOTTOM: 5px; WIDTH: 960px; HEIGHT: 20px
}
.FORUMLIST_TITLE UL {
MARGIN: 0px; LIST-STYLE-TYPE: none
}
.FORUMLIST_TITLE LI {
BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; FONT-WEIGHT: bold; FLOAT: left; BORDER-LEFT: #ff0000 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ff0000 1px solid; HEIGHT: 20px
}
.FORUMLIST {
WIDTH: 960px; HEIGHT: 20px
}
.FORUMLIST UL {
FLOAT: left; MARGIN: 0px; LIST-STYLE-TYPE: none
}
.FORUMLIST LI {
FLOAT: left; HEIGHT: 40px
}
.ONLINE {
WIDTH: 100%
}
.ONLINE UL {
MARGIN: 0px; LIST-STYLE-TYPE: none
}
.ONLINE LI {
FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 50px; PADDING-TOP: 5px; HEIGHT: 20px
}
.FORUMIMAGE {
BORDER-RIGHT: #c8c8c8 1px solid; BORDER-TOP: #c8c8c8 1px solid; MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; BORDER-LEFT: #c8c8c8 1px solid; WIDTH: 380px; BORDER-BOTTOM: #c8c8c8 1px solid
}
.FORUMIMAGE UL {
MARGIN: 0px; LIST-STYLE-TYPE: none
}
.FORUMIMAGE LI {
FLOAT: left; WIDTH: 120px
}


麻烦请高手解决一下,在线等。

[解决办法]
算了。。分给我吧!

读书人网 >CSS

热点推荐