发新话题
打印

IE8和FF浮动问题

IE8和FF浮动问题

在一个大的div中,上面的标题我用的是一个div,左边一个,右边一个,分别左浮动和右浮动,下面的是一个div,里面有N个小div,用同一个class,左浮动,ie6和ie7下是正常的,但在IE8和FF中是上面的效果,why???
你DIV 和CSS代码我看看
<div id="liuyan">
        <div class="title">
          <div class="t-left">
            <h1>最新留言</h1>
          </div>
          <div class="pic-right underline"><a href="#">查看所有</a></div>
        </div>
        <div id="liuyan-content">
          <div class="show-content">
            <div class="content-top">
              <div class="time">2010-8-9 15:55:55</div>
              <div class="time-right oper"><a href="#" onclick="show('huifu0')">回复</a>|<a href="#">删除</a></div>
              <div class="clear"></div>
            </div>
           <div class="content-down">
               <div class="fri-img"><a href="#"><img src="images/08.gif" alt=""/></a></div>
               <div class="fri-mess">日志内容日志内日志内日志内日志内日志内日志日志内容日志内内日志内日志日志内容日志内</div>
               <div class="clear"></div>
          </div>
</div>


css:       
#liuyan-content{padding-top:5px;height:350px;overflow:hidden;}
.title{background:url(../images/righttitle_bg.jpg) center repeat-x;height:31px;line-height:31px;margin-left:10px;padding-left:40px;}
.t-left h1{float:left;width:100px;color:#364d32;font-weight:bold;padding-left:10px;font-size:13px;}
.t-left h1 span a{color:#364d32;font-weight:bold;padding-left:10px;font-size:12px; text-decoration:underline;}
.t-left,.t-right{float:left;display:inline;}
.t-right a{color:#364d32;font-size:13px;margin:0px 10px;color:#364d32;font-weight:bold;}
.show-content .time{width:200px;float:left;display:inline;margin-left:50px;}
.time-right{float:right;display:inline;margin-right:30px;}
.time{color:#364d32;font-weight:bold;}
.pic-right{float:right;display:inline;}
.oper a{text-align:center;padding:0px 7px;color:#364d32;font-weight:bold;}
.content-down{width:578px;margin:0px 0px 0px 40px;padding:2px 0px;height:80px;}
#bg{background:url(../images/cdown_bg.jpg) center repeat-x;height:2px;width:578px;margin:0px auto;}
.fri-img{background:url(../images/pic_bg.jpg) center no-repeat;height:59px;float:left;margin-left:20px;width:83px;}
.fri-img img{width:70px;height:50px;margin:5px 6px;}
.fri-mess{float:left;color:#787878;font-size:12px;margin:5px 35px 0px 8px;}
.underline a{text-decoration:underline;}
未对H1标签初始化

加上:
h1{padding:0;margin:0;}
即可
本帖最近评分记录
http://www.divcss5.com/template/m17.html  CSS和html 初始化模板
发新话题