手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >IE6中使用position导致页面变形的解决方案(js代码)
IE6中使用position导致页面变形的解决方案(js代码)
摘要:如图所示:解决方案:1.缩放窗体时先得到内容左边的空白宽度。$("#nav").offset().left;得到内容区左边的空白宽度。2.得...

如图所示:

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

解决方案:

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; //缩放窗体时触发事件

【IE6中使用position导致页面变形的解决方案(js代码)】相关文章:

网页常用特效代码整理

获取阴历(农历)和当前日期的js代码

EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)

记录几个node.js错误及解决方案

设为首页 加入收藏的js代码

png在IE6 下无法透明的解决方法汇总

jQuery实现页面内锚点平滑跳转特效的方法总结

JavaScript数组去重的3种方法和代码实例

js获取页面description的方法

JQuery boxy插件在IE中边角图片不显示问题的解决

精品推荐
分类导航