首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

有没有高手啊版主呢?DIV+CSS,该如何处理

2012-02-07 
有没有高手啊,版主呢??DIV+CSS!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//EN http://www.w3

有没有高手啊,版主呢??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=(0036)http://localhost/MyWeb/BBS/Index.php   -->
<HTML   xmlns= "http://www.w3.org/1999/xhtml "> <HEAD> <TITLE> xx论坛 </TITLE>
<META   http-equiv=Content-Type   content= "text/html;   charset=gb2312 ">
<style>
BODY   {
FONT-SIZE:   12px;   MARGIN:   0px   auto;   COLOR:   #444444;   LINE-HEIGHT:   1.5em;   FONT-FAMILY:   Arial,   Helvetica,   sans-serif;   BACKGROUND-COLOR:   #fff;   TEXT-ALIGN:   center
}
DIV   {
PADDING-RIGHT:   0px;   PADDING-LEFT:   0px;   PADDING-BOTTOM:   0px;   MARGIN:   0px   auto;   PADDING-TOP:   0px
}
SPAN   {
PADDING-RIGHT:   0px;   PADDING-LEFT:   0px;   PADDING-BOTTOM:   0px;   MARGIN:   0px;   PADDING-TOP:   0px
}
UL   {
PADDING-RIGHT:   0px;   PADDING-LEFT:   0px;   PADDING-BOTTOM:   0px;   MARGIN:   0px;   PADDING-TOP:   0px;   LIST-STYLE-TYPE:   none
}
LI   {
PADDING-RIGHT:   0px;   PADDING-LEFT:   0px;   PADDING-BOTTOM:   0px;   MARGIN:   0px;   PADDING-TOP:   0px;   LIST-STYLE-TYPE:   none
}
.HEADER   {
Z-INDEX:   1;   MARGIN-BOTTOM:   12px;   WIDTH:   960px;   COLOR:   #666666;   HEIGHT:   60px
}
.HEADER   UL   {
MARGIN:   10px
}
.HEADER   LI   {
FLOAT:   right;   CURSOR:   pointer;   COLOR:   #666666;   PADDING-TOP:   30px
}
.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
}
.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   {
TEXT-ALIGN:   left
}
.FORUMLIST_TITLE   {
MARGIN-BOTTOM:   5px
}
.FORUMLIST_TITLE   LI   {
FONT-WEIGHT:   bold;   FLOAT:   left;   PADDING-TOP:   5px;   TEXT-ALIGN:   center
}
.FORUMLIST   {
WIDTH:   960px
}
.FORUMLIST   LI   {
BORDER-RIGHT:   #ff0000   1px   solid;   BORDER-TOP:   #ff0000   1px   solid;   FLOAT:   left;   VERTICAL-ALIGN:   middle;   BORDER-LEFT:   #ff0000   1px   solid;   BORDER-BOTTOM:   #ff0000   1px   solid;   HEIGHT:   50px
}
</style>



<META   content= "MSHTML   6.00.3790.2858 "   name=GENERATOR> </HEAD>
<BODY>
<DIV   class=HEADER>
<UL>
    <LI   onclick=javascript:Default()> 默认版面&nbsp;   </LI>
    <LI   onclick= "javascript:location.href= 'Help.php ' "> 帮助&nbsp;|&nbsp;   </LI>
    <LI   onclick= "javascript:location.href= 'Member.php ' "> 会员&nbsp;|&nbsp;   </LI>
    <LI   onclick= "location.href= 'Login.php ' "> 登陆&nbsp;|&nbsp;   </LI>
    <LI   onclick= "location.href= 'Register.php ' "> 注册&nbsp;|&nbsp;   </LI>
    <LI   onclick= "location.href= 'Index.php ' "> 首页&nbsp;|&nbsp;   </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:   64%;   TEXT-ALIGN:   left "> 论坛   </LI>
    <LI   style= "WIDTH:   4% "> 主题   </LI>
    <LI   style= "WIDTH:   5% "> 贴数   </LI>
    <LI   style= "WIDTH:   9% "> 最后发表   </LI>
    <LI   style= "WIDTH:   10% "> 版主   </LI> </UL> </DIV>
<DIV   class=FORUMLIST>
<UL>
    <LI   style= "WIDTH:   4%;   TEXT-ALIGN:   center "> <IMG   title=无新的贴子   height=24  
    src= "xx论坛_files/forumNone.gif "   width=22>   </LI>
    <LI  
    style= "PADDING-LEFT:   18px;   WIDTH:   60%;   TEXT-ALIGN:   left "> 『&nbsp; <B> PayPal外贸答疑,外贸经验交流(PayPal官方支持) </B> &nbsp;』 <BR> &nbsp;&nbsp;接收外币,实时支付-PayPal注册、激活、认证、使用常见问题、纠纷处理,PayPal专家答疑  
    </LI>
    <LI   style= "WIDTH:   4%;   TEXT-ALIGN:   center "> <IMG   height=32  
    src= "xx论坛_files/icon_1_2.gif "   width=32>   </LI>
    <LI   style= "WIDTH:   5%;   TEXT-ALIGN:   center "> 0   </LI>
    <LI   style= "WIDTH:   4%;   TEXT-ALIGN:   center "> 0   </LI>


    <LI   style= "WIDTH:   10%;   TEXT-ALIGN:   center "> 2007-04-29   </LI>
    <LI   style= "WIDTH:   9%;   TEXT-ALIGN:   center "> 管理员   </LI> </UL> </DIV>
<DIV   class=FORUMLIST>
<UL>
    <LI   style= "WIDTH:   4%;   TEXT-ALIGN:   center "> <IMG   title=有新的贴子   height=24  
    src= "xx论坛_files/forumNew.gif "   width=22>   </LI>
    <LI  
    style= "PADDING-LEFT:   18px;   WIDTH:   60%;   TEXT-ALIGN:   left "> 『&nbsp; <B> 支付网关、物流方式讨论  
    </B> &nbsp;』 <BR> &nbsp;&nbsp;讨论各个第三方支付网关、物流配送方式的使用与资费,ShopEx网店内置网关的配置和使用请勿在此发贴;  
    </LI>
    <LI   style= "WIDTH:   4%;   TEXT-ALIGN:   center "> <IMG   height=32  
    src= "xx论坛_files/icon_1_4.gif "   width=32>   </LI>
    <LI   style= "WIDTH:   5%;   TEXT-ALIGN:   center "> 0   </LI>
    <LI   style= "WIDTH:   4%;   TEXT-ALIGN:   center "> 0   </LI>
    <LI   style= "WIDTH:   10%;   TEXT-ALIGN:   center "> 2007-04-29   </LI>
    <LI   style= "WIDTH:   9%;   TEXT-ALIGN:   center "> 管理员  
</LI> </UL> </DIV> </DIV> </DIV> </BODY> </HTML>


为什么在FF下, <DIV   class=FORUMLIST_TITLE> 和 <DIV   class=FORUMLIST> 这两个DIV里的内容在外面呢???

[解决办法]
FLOAT: left;在ff中跟ie还是有点区别的

热点排行