IE6中使用position导致页面变形的解决方案(js代码)

  如图所示:

IE6中使用position导致页面变形的解决方案(js代码)

  解决方案:

  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; //桌面分辨率大小

  $("#nav").css("left",((_width-950)/2)-15); //重新设置值

  return false;

  }

  return false;

  }

  return false;

  }

  window.onresize=ietest; //缩放窗体时触发事件