XHTML+CSS的Bug集和修复的方法(更新中...)

虽然web标准给我带来的不少好处(这里有详细的解释),同样也给我们出了不少难题.下面是我遇到或看到问题和的一个总结,当然也给出了解决的办法.希望对大家有帮助.

1.如果你在BOX容器里使float和text-align的方向设为一致,比如:

{float:left;text-align:left;margin:0 0 0 100px;}
IE会把左边这个距离翻倍！也就是说200px！我们可做如下修改:

{float:left;text-align:left;margin:0 0 0 100px;display:inline;}

原文地址

2.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义

ul{margin:0;padding:0;}就能解决

3.IE对盒之间距离的解释的bug,我们可以用 !important 来解决.
!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权.
原因：IE一直都不支持这个语法，而其他的浏览器都支持。因此我们就可以利用这一点来分别给IE和其他浏览器不同的样式定义.

{padding:12px!important; padding:10px}

在ie里padding的值是10px,在别的浏览器里padding的值是12px.

4.盒模型bug的解决方法 www.w3cn.org 如果可以的话，可以不用border。呵呵～（还有这是 IE5.0 里的BUG）

5.又一个IE中的bug问题：IE里DIV高度的下限问题（如图2，3问题），可以用overflow: hidden;/*---修正IEbug---*/。这样就可以在IE中正常显示了。

IE

FireFox

作者：Mr.Greedy　发表时间：2005-5-19　 [所属栏目：web标准] | [返回首页]

友情博客

搜索

最新评论

RSS