IE6的几点不兼容问题

      忙活了一会，IE6真是个难搞的东东，终于搞定了，了解了一些解决方法，来分享下：

1、IE6的高度问题：定义的height:4px;在IE6中貌似没什么效果，网上一查，发现IE6的height小于20px时就不起作用了。

     解决方法：加上overflow:hidden;例：显示高度为4px的红色bar

 .red_bar{ width:580px; height:4px; background-color:#FF2A07; color:#bfc0c1;}

在IE7/IE8中都显示正常，在IE6中高度却差不多有20px，在此段代码中加入overflow:hidden;就正常啦！

2.IE6中margin-top问题：

   IE6中貌似有双倍margin，查了好久，最终用css hack解决，这是首次尝试css hack，果然很有效：

/* FF */ .col111 ul { margin-top:110px; margin-left:10px; padding-left:20px; list-style-image: none; list-style-type: none; } /* IE6 */ *html .col111 ul{ margin-top:30px; margin-left:10px; padding-left:20px; list-style-image: none; list-style-type: none; } /* IE7 */ *+html .col111 ul { margin-top:110px; margin-left:10px; padding-left:20px; list-style-image: none; list-style-type: none; }

      代码写的很粗糙，大致上顺序就是这样的FF--IE6--IE7，时间紧迫，没有试顺序换过来会怎样，网上说要按照这样的顺序写就按照这样的顺序吧。

      其中IE6识别*html，IE7识别*+html。

3.div的问题：在IE7/8中，举个例子：

<div id='A' style="width:300px;"> <div id='B' style="width:100px; float:left;"></div> <div id='C'style="width:250px;float:left;"></div> </div>

 

B和C的总宽貌似超过预定义A的宽度会很智能的合并，可是在IE6中就不吃这套了，不在一行显示了，要严格定义好div的宽度，不然就出现错位了。以后网页布局之前一定要严谨设计。