日期:2014-05-17  浏览次数:20601 次

ie6 兼容性问题(再发)
页面的高度内容没超出,但右边还是有灰色滚动条出现。此种情况的页面在iframe加载时就在右边出现一个滚动条宽度的空白。
如果在页面加上:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 则问题解决,
但如果页面高度超出时出现右边滚动条是正确的,但底部的滚动条也跟着出现了,
如果在页面加上:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 则此问题也能解决,

现在问题是如何做到两种情况的问题都能解决,总不能在一个页面上加两个DOCTYPE 声明吧,就算两个加上也只能认一个。

说了那么多,问题归结为:
1、在IE6里,高度没超出,但出现灰滚动条,在iframe里加载就变成一段滚动条大小的空白区域。
2、在IE6里,宽度没超出,只要高度超出,除了出现上下滚动条外,还顺带出现了左右滚动条。

------解决方案--------------------
bur不知道楼主是否设置了body的overflow:auto;这个东西了?????或者直接上代码 发站内信 分分钟给你看看
------解决方案--------------------
可以试试hack

首先<meta http-equiv="X-UA-Compatible" content="IE=7" />
这是消除IE7的麻烦

然后如果高度不一样

比如 height:100px;_height:120px;
后面加下划线的是专门照顾IE6和IE7的。
------解决方案--------------------
设置width:100%时,不要设置pading和margin