账号通
    

账号  

密码  

912

查看

0

回复
主题:[分享]科讯div输出多列时样式出错的解决办法 [收藏主题]  
zhitaige 当前离线

1196

主题

0

广播

0

粉丝
添加关注
级别:八年级

用户积分:7830 分
登录次数:267 次
注册时间:2006/11/8
最后登录:2015/9/4
zhitaige 发表于:2009/5/8 8:54:00   | 只看该作者 查看该作者主题 楼主 
科汛在线考试系统(NET)

如果通过科讯系统的自带标签用div输出多列文章列表时,会造成文章列表跑到div样式之外的情况

样式:

#cont_1 .index_right .right_dda li {
float: left;
width: 220px;
margin-right: 10px;
}

代码:
模板样式
    <h4 class="titie_l font_bai left_5">最新文章</h4>
    <div class="right_dda">
      <ul>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
        <li><a href="#" target="_blank">此处显示会员登陆的内容会员登陆的内容</a></li>
      </ul>
      <div class="claer"></div>
    </div>

科讯标签加入后的样式
    <h4 class="titie_l font_bai left_5">最新文章</h4>
    {LB_首页最新文章}
      <div class="claer"></div>
    </div>

关键的地方是这个清除浮动,必须把清除浮动写到ul的后面,这样才能把列表包含到样式中,当然在ie中是正常的,但在ff中就出现了上面的错误,这句清除的代码是不可能写到标签中的,解决的办法就是

1、通过sql标签来解决,但是存在修改标签的麻烦
2、通过定义div的高度来实现
3、这个比较人性化,但是有滥用div的问题,就是在系统标签中不填写css样式,让系统自动输出一个没有调用样式的div,我们把我们定义好的样式写到模板中

    <h4 class="titie_l font_bai left_5">最新文章</h4>
    <div class="right_dda">{LB_首页最新文章}
      <div class="claer"></div>
    </div>

输出结果

<h4 class="titie_l font_bai left_5">最新文章</h4>
<div class="right_dda"> <div>
<ul>
   <li><a href="/?thread-501-1.html" title="此处显示会员登陆的内容陆的内容陆的内容陆的内容陆的">此处显示会员登陆的内容陆的内容陆</a></li>
<li><a href="/?thread-500-1.html" title="复制(8) 此处显示会员登陆的内容陆的内容陆的">复制(8)&nbsp;此处显示会员登陆的内容陆</a></li>
<li><a href="/?thread-499-1.html" title="复制 复制(7) 此处显示会员登陆的内容陆的内容陆的">复制&nbsp;复制(7)&nbsp;此处显示会员登陆的内</a></li>
<li><a href="/?thread-498-1.html" title="复制(8) 此处显示会员登陆的内容陆的内容陆的">复制(8)&nbsp;此处显示会员登陆的内容陆</a></li>
<li><a href="/?thread-497-1.html" title="复制(7) 此处显示会员登陆的内容陆的内容陆的">复制(7)&nbsp;此处显示会员登陆的内容陆</a></li>
<li><a href="/?thread-496-1.html" title="复制(6) 此处显示会员登陆的内容陆的内容陆的">复制(6)&nbsp;此处显示会员登陆的内容陆</a></li>
<li><a href="/?thread-495-1.html" title="复制(5) 此处显示会员登陆的内容陆的内容陆的">复制(5)&nbsp;此处显示会员登陆的内容陆</a></li>
<li><a href="/?thread-494-1.html" title="复制(4) 此处显示会员登陆的内容陆的内容陆的">复制(4)&nbsp;此处显示会员登陆的内容陆</a></li>
<li><a href="/?thread-493-1.html" title="复制(3) 此处显示会员登陆的内容陆的内容陆的">复制(3)&nbsp;此处显示会员登陆的内容陆</a></li>
<li><a href="/?thread-492-1.html" title="复制(2) 此处显示会员登陆的内容陆的内容陆的">复制(2)&nbsp;此处显示会员登陆的内容陆</a></li>
<li><a href="/?thread-491-1.html" title="复制(1) 此处显示会员登陆的内容陆的内容陆的">复制(1)&nbsp;此处显示会员登陆的内容陆</a></li>

</ul>
</div>
<div class="claer"></div></div>

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.07898秒 powered by KesionCMS 9.0