Home > Web Front-end > HTML Tutorial > div does not display in IE7, but works fine in IE8_html/css_WEB-ITnose

div does not display in IE7, but works fine in IE8_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:16:45
Original
1085 people have browsed it

.list_page_bottom{width:100%;height:30px;margin-top:5px;;line-height:30px;line-height:30px;color:#000000;font-size:13px;font-weight:bold;font-family:宋体;}



【上一篇】:[@cms.ArtiSide side='pre'/] 【下一篇】:[@cms.ArtiSide side='next'/]


回复讨论(解决方案)

我是ie9显示得了,显示ie8就出错了~~

仔细看了下,好像还有个双倍距的问题!!!!天呀!掉下个妹妹砸死我吧!

 提供的代码不能确切的表述出你的问题所在。。。

Please  Please 下次能多帖点代码 以及报错信息





[@cms.Position /]




${arti.title}


作者:${arti.author} 发布日期:${arti.releaseDate} 查看次数:${arti.visitTotal}次


[#if pagination.firstPage]
摘 要 : [#if arti.description?length lte 23 ]${arti.description}[#else]${arti.description[0..22]}..[/#if]
[/#if]


[@cms.ArtiContent/]


【上一篇】:[@cms.ArtiSide side='pre'/] 【下一篇】:[@cms.ArtiSide side='next'/]





旅游攻略





    [@cms.ArtiList chnlId='105' count='6' sysContent='1-1' titLen='15' lineHeight='7' headMark='2' bottomLine='1'/]








CSS

#list{width:988px;height:750px;}
#list_content{width:750px;height:750px;border:1px solid #6f2603;float:left}
.list_contt{width:750px;height:35px;background-image:url('../img/cont_03.jpg');text-align:left;line-height:33px;color:#000000;font-size:15px;font-weight:bold;font-family:宋体;}
.list_left_content{width:750px;height:20px;line-height:33px;color:#000000;font-size:15px;font-weight:bold;font-family:宋体;}
.list_left_cen{width:100%;height:2px;margin-top:20px;float:left;}
.list_date{width:100%;height:10px;margin-top:10px;float:left;}
.list_left_fege{width:100%;height:1px;margin-top:10px;float:left;}
.list_zhaiyao{width:500px;height:40px;background-color:#fbfcdc;border:1px solid #cccccc;margin:0px auto;margin-top:60px;}
.list_zhaiyao_cont{line-height:25px;color:#d14500;font-size:15px;font-weight:bold;font-family:宋体;float:left;margin-left:20px;margin-top:10px;}
.list_zhaiyao_art{width:730px;height:540px;float:left;margin-left:8px;margin-top:10px;text-align:left;}
.list_zhaiyao_nei{width:710px;height:540px;float:left;margin-left:14px;margin-top:10px;text-align:left;font-size:14px;font-family:宋体;}

.list_page{width:100%;height:30px;margin-top:510px;;line-height:30px;color:#000000;font-size:13px;font-weight:bold;font-family:宋体;}
.list_page_bottom{width:100%;height:30px;margin-top:5px;;line-height:30px;line-height:30px;color:#000000;font-size:13px;font-weight:bold;font-family:宋体;}


#list_right{width:230px;height:218px;border:1px solid #cacaca;float:left;margin-left:4px;}
.list_right_top{width:230px;height:30px;background-image:url('../img/1_03.jpg');text-align:left;line-height:32px;color:#744938;font-size:14px;font-weight:bold;font-family:宋体;}
.list_right_content{width:230px;height:190;}
.list_right_content ul{width:230px;height:20px;}

.list_right_content ul li{width:230;height:27px;border-bottom:1px dashed #e4e6e5;font-size:13px;line-height:30px;font-family:宋体;text-align:left;margin-left:35px;margin-right:35px;}


这是jeecms的模版代码,但是在IE7和IE8
【上一篇】:[@cms.ArtiSide side='pre'/] 【下一篇】:[@cms.ArtiSide side='next'/]

中会出现div下沉!!!!!

IE 7 未发现 下沉

不知楼主是不是说“list_page_bottom”这个div不显示。你的div好多都没有设置"float"或者"margin 0px auto;"这是不对的,这样会导致很多问题。如果父div设置了float,那么子div要么设置float要么设置"margin 0px auto;"而且如果设置margin 0px auto;的话不要忘了在上面加一个clear:both;清除一下浮动!






无标题文档



 





[@cms.Position /]




${arti.title}


作者:${arti.author} 发布日期:${arti.releaseDate} 查看次数:${arti.visitTotal}次


[#if pagination.firstPage]
Extract To : [#if arti.description? length lte 23 ]${arti.description}[#else]${arti.description[0..22]}..[/#if]
[/#if]

[@cms.ArtiContent/]




Anyway, the div "list_page_bottom" can be displayed in my browser (IE8)!

[Previous post]: [@cms.ArtiSide side='pre'/]   [Next post]: [@cms. ArtiSide side='next'/]






Travel Guide

< /div>



    [@cms.ArtiList chnlId='105' count='6' sysContent='1-1' titLen='15' lineHeight='7' headMark='2' bottomLine='1 '/]







source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template