前段时间在公司做了一个前台首页,发现把美工做好的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
相关资源:网页排版应该考虑IE6的兼容性问题