ホームページ > ウェブフロントエンド > htmlチュートリアル > div は IE7 では表示されませんが、IE8_html/css_WEB-ITnose では正常に動作します

div は IE7 では表示されませんが、IE8_html/css_WEB-ITnose では正常に動作します

WBOY
リリース: 2016-06-24 12:16:45
オリジナル
1085 人が閲覧しました

.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]
抽出先 : [#if arti.description?length lte 23 ] ${ arti.description}[#else]${arti.description[0..22]}..[/#if]
[/#if]


[@cms.ArtiContent/ ]< ;/div>



とにかく、div "list_page_bottom" は私のブラウザ (IE8) で表示できます。

[前の投稿]: [@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'/]


/html>

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート