michael8512的博客

1. IE6下div错位的问题在IE7、IE8下，采用‘float: left’的div都没有问题，但是在IE6下却会向下移动，出现空白。这是因为IE6采用的内核默认把div之间的距离增加了3-5个px，所以，可以在下移的div的style里增加“margin-left: -5px”或者更小。2. 解决IE7、IE8样式不兼容在液面中加入HTTP meta-tag只要I

考虑到目前有很多浏览器，尤其是其中还有IE6、IE7这样的老版本的浏览器，不同浏览器对css的解析情况不一样。为了能兼容不同的浏览器，我们使用css hack来实现在不同浏览器中得到想要的页面效果。本文只罗列出常用的方法，具体的使用，可以参考css hack在百度百科中的使用说明。（1）下划线"_"和中间线"-"：用来选择IE6及以下。但是为了避免与一些带有中间线的属性混淆，我们通常使用下

1. IE6双边距Bug当页面上的某个元素使用float：left浮动时，则设置margin后的实际效果会变成2倍。例如在IE6中设置float: left; margin-left: 10px;，则实际得到的margin-left是20px。解决方法：加入display: inline2. IE6中奇数宽高的BugIE6中奇数的宽高显示大小与偶数宽高显示大小存在一定不同。例如设置width:10...

1. 双倍边距问题问题：IE6中使用了float的情况下，无论是left还是right，都会出现双倍编剧的问题；解决方法：设置display：inline2. 文字大小不兼容问题：文字本身的大小不兼容。同样是font-size：14px的宋体文字，在不同浏览器下占的空间不一样，在IE下实际占14px，下留白3px；在fireFox下实际占高17px，上留白1px，下留白3p

在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对於 该问题的解决方法也是「见机行事」，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳， 供大家参考。1、将图片转换为块级对像即设置img为：display：block；在本例中