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


Posted in Javascript onJanuary 09, 2011

如图所示:

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; //缩放窗体时触发事件
Javascript 相关文章推荐
Prototype Hash对象 学习
Jul 19 Javascript
javascript 面向对象编程基础:封装
Aug 21 Javascript
html超链接打开窗口大小的方法
Mar 05 Javascript
JS 有趣的eval优化输入验证实例代码
Sep 22 Javascript
javascript中数组的sort()方法的使用介绍
Dec 18 Javascript
jquery获取复选框checkbox的值的简单实现方法
May 26 Javascript
第一次接触神奇的Bootstrap表单
Jul 27 Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 jQuery
vuejs使用FormData实现ajax上传图片文件
Aug 08 Javascript
微信小程序tabBar底部导航中文注解api详解
Aug 16 Javascript
JavaScript 通过Ajax 动态加载CheckBox复选框
Aug 31 Javascript
详解微信小程序之一键复制到剪切板
Apr 24 Javascript
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
Jan 09 #Javascript
JS中动态添加事件(绑定事件)的代码
Jan 09 #Javascript
jquery的extend和fn.extend的使用说明
Jan 09 #Javascript
js对象之JS入门之Array对象操作小结
Jan 09 #Javascript
理解JavaScript中的对象 推荐
Jan 09 #Javascript
最佳JS代码编写的14条技巧
Jan 09 #Javascript
JavaScript定义类或函数的几种方式小结
Jan 09 #Javascript
You might like
php基础知识:类与对象(1)
2006/12/13 PHP
php is_file()和is_dir()用于遍历目录时用法注意事项
2010/03/02 PHP
php验证手机号码(支持归属地查询及编码为UTF8)
2013/02/01 PHP
PHP static局部静态变量和全局静态变量总结
2014/03/02 PHP
php字符串操作针对负值的判断分析
2016/07/28 PHP
科讯商业版中用到的ajax空间与分页函数
2007/09/02 Javascript
ExtJs 3.1 XmlTreeLoader Example Error
2010/02/09 Javascript
JS getMonth()日期函数的值域是0-11
2010/02/15 Javascript
Jquery替换已存在于element上的event的方法
2010/03/09 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
2012/08/14 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
2015/02/28 Javascript
javascript引用类型指针的工作方式
2015/04/13 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
2016/06/07 Javascript
AngularJS使用指令增强标准表单元素功能
2016/07/01 Javascript
JavaScript交换两个变量值的七种解决方案
2016/12/01 Javascript
利用Javascript裁剪图片并存储的简单实现
2017/03/13 Javascript
Vue.Js中的$watch()方法总结
2017/03/23 Javascript
微信小程序新增的拖动组件movable-view使用教程
2017/05/20 Javascript
Angular如何引入第三方库的方法详解
2017/07/13 Javascript
JS中Map和ForEach的区别
2018/02/05 Javascript
Angular CLI在Angular项目中如何使用scss详解
2018/04/10 Javascript
vue-cli脚手架打包静态资源请求出错的原因与解决
2019/06/06 Javascript
简单了解Vue computed属性及watch区别
2020/07/10 Javascript
[50:04]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第二局
2016/02/28 DOTA
[02:23]完美世界全国高校联赛街访DOTA2第一期
2019/11/28 DOTA
Python环境下搭建属于自己的pip源的教程
2016/05/05 Python
python导入坐标点的具体操作
2019/05/10 Python
python实现银行实战系统
2020/02/26 Python
如何通过python检查文件是否被占用
2020/12/18 Python
python xlsxwriter模块的使用
2020/12/24 Python
斯凯奇美国官网:SKECHERS美国
2016/08/20 全球购物
会计学个人自荐信模板
2013/12/13 职场文书
股东协议书范本
2014/04/14 职场文书
2014年服务员个人工作总结
2014/12/23 职场文书
职工的安全责任书范文!
2019/07/02 职场文书
JS前端宏任务微任务及Event Loop使用详解
2022/07/23 Javascript