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

IE8 锚链接,IE offsetHeight 兼容问题(请各位前台高人帮忙)
网站制作中需要锚链接 但在IE8中出现了兼容问题 请问各位如何解决?
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 添加这个标签也不能解决(添加在meta之后)

在IE8 中部分锚链接的位置错误 IE7中貌似也有位置错误出现(ietester)

另外还有个问题就是在IE中 offsetHeight问题
C# code

<div class="wal">
    <div id="cont">

<script type="text/javascript">
    $(function(){
        $( '#contleft' ).scrollFollow();
    });   
    </script>
<div id="pinpaicase2">
  <div id="contleft" [color=#FF0000]style="top: 17px;"[/color]<!--页面向下滑动的时候产生-->>
<div id="rig01">
        <div class="lm_bt">案例展示&#12288;PROIFLLIO</div>
        <div class="gray1">
            <ul>
            <li class="nn01"><span>NEW</span><a href="DesignCase.aspx?cid=6">最新案例</a></li>
            <li class="nn01"><span>CI</span><a href="DesignCase.aspx?cid=7">&#12288;理念文化</a></li>
            ……<!--还有其他选项 控制问题长度这儿省略 下同-->
            </ul>
        </div>
    </div>
    <div id="rig01">
        <div class="lm_bt">网站导航&#12288;SITE NAVIGATION</div>
        <div class="gray1">
            <ul>
            <li class="nn03"><a href="About.aspx">关于我们</a></li>
            ……
            </ul>
        </div>
    </div>
    <div id="rig01">
        <div class="lm_bt">联系我们&#12288;CONTACT US</div>
        <div class="gray1">
            <img src="images/dh.jpg">
        </div>
    </div>
    </div>
</div>
<div id="contright">
<div id="content">
<div class="cont-t">注重品牌资源整合与策略的制定,建立符合市场与消费者心理的品牌视觉设计;以差异化、独特性和国际化的观念打造品牌视觉与提升品牌形象。</div>
    
        <div class="ab-nym">
            <div class="khmc">客户名称:重庆拓新地产<br>
        主属行业:<br>
        服务内容:<br>
        </div>
        <div class="xmjs">
            <div class="conIntroduce"></div>
            
            
                    <img src="/UpFiles/S/20120420142059818.jpg" alt="">
                
                    <img src="/UpFiles/S/20120420142055887.jpg" alt="">
                
                    <img src="/UpFiles/S/20120420142051906.jpg" alt="">
                
                    ……
                
            </div>
        </div>
        
        
</div>
</div></div>
</div>

<script type="text/javascript" defer="defer" language="javascript"> 
        if((document.getElementById("contright").offsetHeight>750))
        {
        document.getElementById("pinpaicase2").style.height= document.getElementById("contright").offsetHeight+"px";
        }
</script>



页面中因为有个JS是使左侧导航菜单保持向下滑动的效果 向下滑动的最大值是根据其外层的pinpaicase2的高度来定的 但因

为右侧高度不定 所以为保持右侧高度过高的时候 左侧滑动效果 我加了以上的JS代码来动态设定左侧pinpaicase2的高度

但链接过来的页面在IE中出现很多右侧高度错误 实际内容高度小于页面加载出来的时候的右侧高度 这就造成右侧最下面很多

有很大一块空白 (但刷新页面空白又消失了)请各位熟悉前台的朋友帮忙解决下



------解决方案--------------------
帮你顶一下吧,我也不懂哎,不过offset我记得只在ie里有用啊别的浏览器好像不能用
------解决方案--------------------
这贴找美工比较好