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 相关文章推荐
20行代码实现的一个CSS覆盖率测试脚本
Jul 07 Javascript
jsPDF导出pdf示例
May 02 Javascript
node.js入门实例helloworld详解
Dec 23 Javascript
详述JavaScript实现继承的几种方式(推荐)
Mar 22 Javascript
javascript html5摇一摇功能的实现
Apr 19 Javascript
iframe中使用jquery进行查找的方法【案例分析】
Jun 17 Javascript
Angular中的$watch方法详解
Sep 18 Javascript
vue 实现通过手机发送短信验证码注册功能
Apr 19 Javascript
Vue实现表格中对数据进行转换、处理的方法
Sep 06 Javascript
Vue中消息横向滚动时setInterval清不掉的问题及解决方法
Aug 23 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
Sep 23 Javascript
详解vue 中 scoped 样式作用域的规则
Sep 14 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
用sql命令修改数据表中的一个字段为非空(not null)的语句
2010/06/04 PHP
PHP变量内存分配问题记录整理
2013/11/27 PHP
PHP中使用正则表达式提取中文实现笔记
2015/01/20 PHP
PHP开发注意事项总结
2015/02/04 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
js的延迟执行问题分析
2014/06/23 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
2015/05/11 Javascript
纯js三维数组实现三级联动效果
2017/02/07 Javascript
详解vue-router基本使用
2017/04/18 Javascript
vue使用axios跨域请求数据问题详解
2017/10/18 Javascript
JS删除数组里的某个元素方法
2018/02/03 Javascript
实例讲解JavaScript预编译流程
2019/01/24 Javascript
M2实现Nodejs项目自动部署的方法步骤
2019/05/05 NodeJs
Python使用Flask框架获取当前查询参数的方法
2015/03/21 Python
python2.7无法使用pip的解决方法(安装easy_install)
2018/04/03 Python
python自动重试第三方包retrying模块的方法
2018/04/24 Python
django 实现电子支付功能的示例代码
2018/07/25 Python
简单了解Django应用app及分布式路由
2019/07/24 Python
python3实现带多张图片、附件的邮件发送
2019/08/10 Python
python实现文件批量编码转换及注意事项
2019/10/14 Python
将pycharm配置为matlab或者spyder的用法说明
2020/06/08 Python
详解Python3 定义一个跨越多行的字符串的多种方法
2020/09/06 Python
英国口碑最好的的维他命胶囊品牌:Myvitamins(有中文站)
2016/12/03 全球购物
介绍一下SQL注入攻击的种类和防范手段
2012/02/18 面试题
大学自我评价
2014/02/12 职场文书
大型公益活动策划方案
2014/08/20 职场文书
2014年个人债务授权委托书范本
2014/09/22 职场文书
学习党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
求职简历自我评价范文
2015/03/10 职场文书
2016优秀班主任个人先进事迹材料
2016/02/26 职场文书
简历上的自我评价,该怎么写呢?
2019/06/13 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书
祝福语集锦:朋友新店开业祝福语
2019/12/10 职场文书
Python中的嵌套循环详情
2022/03/23 Python
Python基本知识点总结
2022/04/07 Python
安装Windows Server 2012 R2企业版操作系统并设置好相关参数
2022/04/29 Servers