当前位置:甜馍馍地理信息网 >> 网站开发 >> 综合知识 >> 正文 >>  [阅读资讯:兼容问题 IE6.0,IE7.0与FireFox的CSS兼容性问题]

兼容问题 IE6.0,IE7.0与FireFox的CSS兼容性问题

[ 来源:互联网 | 时间:2008年03月10日 | 收藏本文 ] 【

最近一个B/S系统项目需要综合考虑不同浏览器对CSS的解释差别,特从网络里整理了部分资料,希望能够给大家带来帮助.

 注意事项:

1、float的div一定要闭合。

例如:(其中floatA、floatB的属性已经设置为float:left;)

这里的NOTfloatC并不希望继续平移,而是希望往下排。
这段代码在IE中毫无问题,问题出在FF。原因是NOTfloatC并非float标签,必须将float标签闭合。
在之间加上这个div一定要注意声明位置,一定要放在最恰当的地方,而且必须与两个具有float属性的div同级,之间不能存在嵌套关系,否则会产生异常。
并且将clear这种样式定义为为如下即可:.clear{
clear:both;}
此外,为了让高度能自动适应,要在wrapper里面加上overflow:hidden;
当包含float的box的时候,高度自动适应在IE下无效,这时候应该触发IE的layout私有属性(万恶的IE啊!)用zoom:1;可以做到,这样就达到了兼容。
例如某一个wrapper如下定义:
.colwrapper{ overflow:hidden;zoom:1;margin:5px auto;}

2、margin加倍的问题。

设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。
解决方案是在这个div里面加上display:inline;
例如:
相应的css为
#IamFloat{
  float:left;
  margin:5px;/*IE下理解为10px*/
  display:inline;/*IE下再理解为5px*/
  }

3、关于容器的包涵关系

下一页
本文共 3 页,第  [1]  [2]  [3]  页

【推荐本文】 【打印本页】 【返回顶部
最新文章
推荐文章