• 全部
  • 问答

在ie和firefox上为什么显示不同?如何解决,谢谢!!

gaigaibaobao 2008-03-02 03:03:00

#holder_default
{
margin: 4px auto 4px auto;
width: 742px;
}
#foot
{
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #C0C0C0;
width: 740px;
background-color: #E4E4E4;
margin-right: auto;
margin-left: auto;
color: #A7A4A4;
}
#part_left
{
float: left;
width: 240px;
display: inline;
margin-right: 4px;
margin-bottom: 4px;
}
#part_right
{
display: inline;
float: left;
width: 498px;
}


<div id="holder_default">
<div id="part_left">
<div class="box" id="news_box">
<div class="title">
News</div>
<p>
we have goog news.</p>
</div>
<div class="box" id="card_box">
<div class="title">
Card</div>
<p>
this is card.</p>
</div>
</div>
<div id="part_right">
<div class="box">
<div class="title">
Products</div>
<p>
Products.</p>
</div>
</div>
</div>
<div id="foot">
<p>
Copyright © 2008, All Rights Reserved</p>
</div>

为什么在ie中显示的是foot在holder_default下方,而在firefox中显示的foot与holder_default平齐显示,以至于在firefox中实际现实的foot在Pert_left和part_right的底层显示,我要的是ie中的效果,谢谢大家了,正学习CSS中...
...全文
79 点赞 收藏 5
写回复
5 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
meiZiNick 2008-05-01
接分先!
回复
gaigaibaobao 2008-03-07
后来加了歌claer:both就好了,谢谢!
回复
xcs5180088 2008-03-03
#part_right
你设置了浮动元素,它的下一个块级元素会跟着一起浮动,所以结束时需要清除浮动。
在IE里显示正常,是因为他的宽度设定为内联元素了,已经占满整个宽度,如果写的规范下,请加一个空白标签
设样式属性为:clear:both
在这个位置
</div>
</div>
</div>
<div class="clear"></div>
<div id="foot">
<p>
Copyright © 2008, All Rights Reserved</p>
</div>


回复
ddcatlee 2008-03-02
#foot {
clear:both;
}
回复
兼容问题!!
可以看看我博客
回复
相关推荐
发帖
CSS
创建于2007-09-28

6.0w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2008-03-02 03:03
社区公告
暂无公告