Question

ie浏览效果和火狐浏览效果不一致问题

在火狐谷歌浏览效果没问题，但在ie下发生错位，请教一下怎么才能兼容ie浏览效果，代码如下：
<style type="text/css">
.nlistzi {
margin:3px 0px 2px;
padding:0px;
}
.nlistzi ul {
margin:0px;
padding:0px;
}
.nlistzi li {
line-height:22px;
font-size:14px;
clear:both;
}
</style>
<div style="border:1px solid #99BBDD; margin-bottom:10px;">
<div style="padding:2px">
<div class="nlistzi">
<ul>
<li><a href="#" target="_blank">标题</a><span style=" float:right; display:inline;">时间</span></li>
</ul>
</div>
</div>
</div>

Answer 1

这个是跨浏览器 大工程啊 我们现在职业做这个。。。。

这种情况就写两套css
建议你把css全部写到css文件中
给ie写的引用另一个css文件 但是得这样写才只在ie下有效
<!--[if IE]>这里为ie写特殊的样式 <![endif]-->
其他的还有
1. <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
2. <!--[if IE]> 所有的IE可识别 <![endif]-->
3. <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-->
4. <!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]-->
5. <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]-->
6. <!--[if IE 6]> 仅IE6可识别 <![endif]-->
7. <!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
8. <!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
9. <!--[if IE 7]> 仅IE7可识别 <![endif]-->
10. <!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
11. <!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->

Answer 2

你的ie版本是多少,我的IE9显示没问题啊,难道你用的是蛋疼的iE6测试的 .对了,你要显示怎么样的效果,可以的话可以试着尝试改变代码结构.我觉得你写的代码有点乱,结构控制的不好,而且控制格式的话既然用了css,为什么还在body里控制呢?

Answer 3

IE和火狐的代码本来就不同，他们计算边距和边框的算法不同，具体要求可以去百度搜一下IE和火狐的页面计算公式，我都一年没做这个了，忘记了公式，抱歉啊

Answer 4

建议换个思路，IE和火狐兼容一直都是csser头疼的问题

Answer 5

火狐识别padding,但是ie不行.建议你不要padding