产品使用及交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

【已解决】模块靠右显示IE6下异常,应该怎么解决?难道是bug? [复制链接]

1#
一行里出现2个以上的模块,最后一个靠右显示,在IE6内核的多款浏览器下会移到下一行,导致排版错乱。而在IE8以上版本和其它拥有独立内核的浏览器下显示正常,IE7没有条件测试。
因为是带边框的主题,靠左显示会导致右边框对不齐。
是BUG吗?该怎么解决?

根据xiyou指点,是幻灯片尺寸太大,把DIV撑开了
分享 转发
TOP
2#

有人吗?
TOP
3#

防沉
TOP
4#

IE6内核下是这样子地:其它浏览器会显示在右边
异常部分代码:
<div id="Template_20" class="template_box_layout_right"   style="width:auto;">
<div class="template_title_layout_right" style=""><span class="template_sign" style="">企业资质</span><span class="template_more"  style=""><a href="/introduct/nav_2_3.aspx">more</a></span></div>
<div class="template_box_1_layout_right"  style="">
<div id="Template_Content_20"  class="template_introduct_content" style=""><script src="/include/slide.aspx?id=1" type="text/javascript"></script></div>
</div>
</div>    
</div>
异常部分样式表:
/*模块左布局样式*/
.template_box_layout_right{float:none!important;float:right;margin:0 0 10px 0;border:0 solid #ccc;overflow:hidden;}
/*右模块内容样式*/
.template_title_layout_right{clear:both;margin:0 0 0 0;height:26px;text-align:left;border:0 solid #DDD;border-width:1px 1px 0 1px;background:url(images/template_title_bg.gif) repeat 0 0;overflow:hidden;}
.template_introduct_content{margin:0 0 0 0;padding:0 10px 0 10px;text-align:left;border:0 solid #ccc;}
/*左模块内容样式*/
.template_box_1_layout_right{clear:both;text-align:center;margin:0 0 0 0;padding:5px 0 5px 0;border:1px solid #DDD;height:100%;overflow:hidden;}
IE6效果

其它浏览器效果
TOP
5#

难道是css的问题?
TOP
6#

回复 7# xiyou 的帖子

乖乖,真的有效!感谢xiyou版主!
TOP
发新话题 回复该主题