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

来源:互联网 发布:linux 流程图工具 编辑:程序博客网 时间:2024/06/02 02:21

前段时间在公司做了一个前台首页,发现把美工做好的HTML页面,放到aspx页面一加程序的时候,就会出现在IE5,6,7里有缝隙的问题,在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打开时就会看到有空格,哎!对于这样小小的问题我实在是无语了!


0 0
原创粉丝点击