各位大大 求求你们了 帮帮忙吧！！


这是ie6中浏览的效果这是ie7,8中浏览的效果
这是页面代码<div class="box2">
<div class="box2left">
<div class="zypic">
<div class="t"><span><a href="Newslist.aspx" target="_blank" >更多>></a>古中医养生保健</div>
<dl>
<dt><a href="#" target="_blank" ><img alt="" src="images/pic.gif" border="0" /></a></dt>
            <dd><a href="#">古中医养生保健</a></dd>
</dl>

<%= ShowTopSixHealths() %>

</div>
<div class="zyt">
<div class="t"><span><a href="Schoollist.aspx" target="_blank" >更多>></a>古中医学堂</div>
<dl>
<dt><a href="#" target="_blank" ><img src="images/pic.gif" border="0" /></a></dt>
<dd> </dd>            <dd><a href="#">古中医学堂</a></dd>
</dl>
<%= ShowTopSixSchools() %>
</div>
<div class="bt"></div> </div>
<div class="box2right">
<div class="rightnews">
<div class="dttit">通知公告</div>

<%= ShowTopSixNews() %>

</div>

</div>
</div>
<div class="box3">
<div class="tit"></div>
<%= ShowTopExpert() %>
</div>
这是调用的js*{ margin:0 auto; padding:0;list-style:none;}
a:link {
text-decoration: none;color:#333333;
}
a:visited {
text-decoration: none;color:#333333;
}
a:hover {
text-decoration: underline;color:#993300;
}
a:active {
text-decoration: none;color:#333333;
}
#main{ width:980px; }.head{ float:left; width:985px; height:155px; background:url(logo2.gif) no-repeat; margin-bottom:3px;}
.head .logo{ padding:60px 0 0 60px;}
#nav{float:left; width:980px; height:34px; background:url(navbg.png) no-repeat;margin-bottom:5px;}
#nav ul{float:left; padding:0 40px;}
#nav ul li{float:left; height:34px; line-height:34px; font-size:13px; padding:0 20px; font-weight:bold; color:#FFFFFF;background:url(navlin.jpg) right no-repeat;}
#nav ul li a{color:#FFFFFF;}.box1{ float:left; width:980px;}
.login{ float:left; width:300px; height:180px; border:1px solid #736363; background:#EBE9E4;}
.login .tit{ float:left; width:296px; height:30px;background:url(logotitbg.jpg) no-repeat; margin:2px;}
.login .user { float:left; width:240px; }
.login .user ul{ float:left; padding:10px 0 0 30px;}
.login .user li{ float:left; color:#8D5012; font-weight:bold; line-height:36px; width:100%; list-style:none;}
.login .user .but{  padding-left:27px;}
.login .user .logininput{ width:120px; height:26px; line-height:26px; border:1px solid #CB5517;font-size:14px; background:#FEF1CB;}
.login .user .loginbut{width:80px;height:34px;  border:0; background:url(loginbut.png) no-repeat;}.homenews{ float:left; width:400px; height:180px;background:#FEF2D8; margin-left:7px;}
.homenews .title{height:34px;line-height:30px;text-align:center;}
.homenews strong{ line-height:28px; font-size:14px; font-weight:bold; }
.homenews strong a{ color:#CB5416;text-align:center;}
.homenews ul {float:left; padding:0 10px 0 10px;}
.homenews ul li{float:left; width:180px; font-size:14px; line-height:22px;}
.homenews ul li a{font-size:12px;font-size:14px; color:#333333; }.show{ float:left; width:260px; height:180px; margin-left:6px; border:1px solid #FAD0B8}.bt{ clear:both; height:5px;} .box2{ float:left; width:980px; margin-top:5px;}
.box2left{ float:right; width:710px;}.box2left li{float:left;font-size:12px; line-height:22px; width:100%; background:url(all_icon.png) no-repeat scroll 0 8px;padding-left:6px;
/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */}.box2left .t span a{ float:right; font-size:12px; font-weight:normal; color:#FFFFFF; padding-right:10px;}
.zypic{float:left; width:350px; font-size:14px; border:1px solid #DCB98F; height:170px;}
.zypic .t{ height:30px; line-height:30px;color:#ffffff; font-size:12px; text-indent:35px; font-weight:bold; background:url(zypictitbg.gif) repeat-x; padding:1px;}.zyt{float:left; width:350px; border:1px solid #DCB98F; font-size:14px;  height:170px; margin-left:5px;}
.zyt .t{ height:30px;line-height:30px;color:#ffffff; text-indent:35px; font-size:12px; font-weight:bold; background:url(zypictitbg.gif) repeat-x; padding:1px;}.zyys{float:left; width:350px; border:1px solid #DCB98F;  height:170px; font-size:14px; }
.zyys .t{ height:30px;line-height:30px; color:#FFFFFF;text-indent:35px; font-size:12px; font-weight:bold;background:url(zypictitbg.gif) repeat-x; padding:1px;}.zybj{float:left; width:350px; border:1px solid #DCB98F;  height:170px; font-size:14px; margin-left:5px;}
.zybj .t{ height:30px;line-height:30px; color:#FFFFFF;text-indent:35px; font-weight:bold; font-size:12px; background:url(zypictitbg.gif) repeat-x; padding:1px;}.box2left ul{ float:left; width:220px;}
.box2left dl{ float:left; width:110px; height:130px; padding:5px 5px 0 10px;}
.box2left dt img{width:100px; height:100px;}
.box2left dd{ text-align:center; font-size:12px;}.box2right{ float:left; width:260px; border:1px solid #DACFBC;}.rightnews{ background:#FEF7F1; height:170px;}
.rightnews .dttit{float:left;width:260px; height:30px; text-indent:18px; color:#FFFFFF; line-height:30px; font-size:12px; font-weight:bold;background:url(righttitbg.gif) repeat-x;}.rightnews .ggtit{float:left;width:260px; height:30px; text-indent:18px; color:#FFFFFF; line-height:30px; font-size:14px; font-weight:bold;background:url(righttitbg.gif) repeat-x;}.rightnews ul {float:left; padding:0 10px 0 10px;}
.rightnews ul li{float:left; width:240px; font-size:14px; line-height:22px;background:url(all_icon.png) no-repeat scroll 0 8px;padding-left:6px;}
.rightnews ul li a{font-size:14px; color:#333333; }
.box3{float:left; width:980px;height:190px; margin-top:5px;border:1px solid #BE5A16;background:#fef7f1;}
.box3 .tit{ float:left; height:30px;width:980px;background:url(zjtitbg.png) repeat-x;}.box3 dl{ float:left; height:140px; width:78px; background:#FFFFFF; font-size:12px;  margin:5px 5px; padding:4px;}
.box3 dt img{ height:78px; width:78px;}
.box3 .tle a{ color:#0066FF;}
.box3 .tyy { color: #999999;}/*--列表页--*/
#listinfo{float:left; width:980px;}
.listleft{ float:left; width:260px; border:1px solid #DACFBC; background:#FEF7F1;}
.listleftbox1{float:left; height:90px; font-size:12px;}
.listleftbox2 ul{float:left; padding-left:5px;}
.listleftbox3 ul{float:left; padding-left:5px;}
.listsearch{ float:left;padding:10px 0 0 20px;}
.listleft .tit{ float:left; background:url(listlefttitbg.png) center no-repeat; width:260px; height:30px; line-height:30px; color:#FFFFFF; font-weight:bold; text-indent:12px; font-size:14px;}
.search{ width:58px; height:26px; line-height:26px; border:0; background:url(search.png) no-repeat; font-size:12px; color:#FFFFFF; font-weight:bold;}
.listleft ul{ float:left; text-align:left;line-height:22px; }
.listleft ul li{float:left; width:250px; line-height:22px; font-size:12px; list-style:none;background:url(all_icon.png) no-repeat scroll 0 8px;padding-left:6px;}
.listleft li a{ color:#333333;}
.listright ul li a{ color:#333333;}.listright{ float:left; width:710px; margin-left:5px; border:1px solid #F1A983; background:#FEF7F1; font-size:12px;}
.listrighttit{ float:left; background:url(listrighttitbg.png) center repeat-x; width:710px;height:30px; line-height:30px; color:#FFFFFF; font-weight:bold; text-indent:15px; font-size:14px;}
.listrightw{float:left; font-size:14px; width:96%; text-align:center; padding:10px;}
.listrightw li{ font-size:14px; line-height:24px; text-align:left; list-style:none;background:url(all_icon.png) no-repeat scroll 0 8px;padding-left:6px;}
.listrightw li a{ font-size:14px;}/*--内容页--*/
.txttit{ text-align:center; font-size:24px; font-weight:bold; height:40px;line-height:40px; padding-top:15px;color:#CB5503; width:94%; border-bottom:1px solid #FEBD96;}
.txtinfo{float:left; font-size:14px; width:96%; text-align:center; padding:10px; line-height:24px;}
.infoabout{font-size:12px;}/*--专家列表--*/
.zjtable{text-align:left; text-indent:2px; font-size:12px;}
.zjtable a{text-align:left; text-indent:2px; font-size:12px; color:#993300; font-weight:bold;}
.zjtable img{ padding:2px; border:1px solid #CCCCCC;}
#footer{ float:left; width:980px;height:60px; border-top:2px solid #736363; margin-top:10px; font-size:12px;}
#footer li{ text-align:center; line-height:24px; list-style:none;}
#footer li a{ color:#999999;}
.STYLE2 {font-size: 12px}
一定要帮我啊  不然 不然 不然我死给你们看！！

解决方案 »

  1.   

    貌似文字长了，层不够撑了。你把标题的文字都改成test看看是不是还是下面。样式好多，木想看
      

  2.   

    2楼 还是不行  我改test了 还是下来了
      

  3.   

    可怜的娃 貌似是css兼容问题，好好调调样式呗
      

  4.   

    不行啊  我改了字了   可是还不行啊
    8楼我不懂CSS啊   我看到css我就头疼 怎么改
      

  5.   

    改用table就好了，你用太多的div了哦，就不好控制了。
      

  6.   

    把中间那个div的宽度调一下，不行就把float:left加上
      

  7.   

    ie7,8的样式可以这样设置
    举例，要设置margin:20px
    ie7  *+margin:20px
    ie8  _margin:20px
      

  8.   

    浮动元素相邻时ie6会多3px，正好把下面的文字顶下去了
      

  9.   

    不是啊  大哥们 你们看下这个
    <div class="box2">
        <div class="box2left">
            <div class="zypic">
    <!-- 这个是标题  -->
            <div class="t"><span><a href="Newslist.aspx" target="_blank" >更多>></a>古中医养生保健</div><!-- 这里开始是图片  -->
            <dl>
            <dt><a href="#" target="_blank" ><img alt="" src="images/pic.gif" border="0" /></a></dt>
                <dd><a href="#">古中医养生保健</a></dd>
            </dl>
    <!-- 这里开始时内容 -->
        <%= ShowTopSixHealths() %>
            
            </div>