兼容IE6,IE7,IE8系列的排版问题！

前段时间在公司做了一个前台首页，发现把美工做好的HTML页面，放到aspx页面一加程序的时候，就会出现在IE5,6,7里有缝隙的问题，在IE8里是正常的，也不知道是什么原因，程序运行后查看源代码，也没有问题，让我很是郁闷！

 

这个就是在IE5,IE6,IE7里浏览的效果：

 

这个是在IE8里的效果，是正常的：

有热心网友说：试试在每个层（有间隔的层)的CSS加上属性： overflow:hidden 

我们的美工用的是table排的版，我在所有的table标签，tb标签都加了overflow:hidden，还是不行！

 

有位(日月明之) 的网友说：

try下面之一即可:
1. 把有空隙的两个DIV或其它标签之间的硬回车取消.譬如 
<div></div>
<div></div>
改成
<div></div><div></div>

2.试试给相关标签加上font-size:0px、line-height:0px、margin:0;border:0
  母容器加上padding:0;

 

 

果然用第一种方法解决了问题！

 

 

在我的aspx页面里<td><img ……></td>，这个标签，页面用DW打开的时候，就会很清楚的看出来在<img>标签后面有个空格<td><img ……> </td>，删掉就不会出现我的这个问题了，而在VS中看不到这个空格！只要在VS中使用了文档格式化，再用DW打开时就会看到有空格，哎！对于这样小小的问题我实在是无语了！

转载于:https://www.cnblogs.com/yuteng/archive/2010/05/13/1734483.html