IE6中使用position 页面变形解决方案

IE6中使用position导致页面变形，影响用户体验，如图所示：

解决方案：

1.缩放窗体时先得到内容左边的空白宽度。

$("#nav").offset().left;  得到内容区左边的空白宽度。

2.得到整个窗体的宽度（注意：桌面分辨率为基准，少了加上来）。

3.用桌面分辨率的宽度-页面内容区的宽度/2，就可以得到一边多余的宽度。

4.如果得到的值跟$("#nav").offset().left;得到值不同，则可以调到两值相同。

 

var ietest=function()
{
 if ($.browser.msie) {
        if ($.browser.version == "6.0")
        {           
            var _width=document.documentElement.clientWidth+29; //桌面分辨率大小      
            var _lenght=((_width-950)/2)-15; 
            
            if(_lenght<=0){ //判断窗体缩小的值不能小0
            //alert(_lenght);
                $("#nav").css("left",0); //重新设置值           
            }
            else { 
                $("#nav").css("left",_lenght); //重新设置值           
            }
             return false;
        }
        return false;
    }
     return false;
}
window.onresize=ietest; //缩放窗体时触发事件