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 相关文章推荐
使用JS 清空File控件的路径值
Jul 08 Javascript
jquery获取一个元素下面相同子元素的个数代码
Jul 31 Javascript
js点击选择文本的方法
Feb 09 Javascript
JS中处理时间之setUTCMinutes()方法的使用
Jun 12 Javascript
js实现的二级横向菜单条实例
Aug 22 Javascript
JavaScript仿百度图片浏览效果
Nov 23 Javascript
jQuery validate 验证radio实例
Mar 01 Javascript
JavaScript日期工具类DateUtils定义与用法示例
Sep 03 Javascript
详解JavaScript函数callee、call、apply的区别
Mar 08 Javascript
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
Aug 20 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
Sep 12 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
php 多关键字 高亮显示实现代码
2012/04/23 PHP
php获取新浪微博数据API实例
2013/11/12 PHP
yii实现创建验证码实例解析
2014/07/31 PHP
Zend Framework教程之Bootstrap类用法概述
2016/03/14 PHP
javascript实现 在光标处插入指定内容
2007/05/25 Javascript
基于JQuery的类似新浪微博展示信息效果的代码
2012/07/23 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
2014/05/09 Javascript
js父页面中使用子页面的方法
2016/01/09 Javascript
JavaScript文本框脚本编写的注意事项
2016/01/25 Javascript
浅析JavaScript回调函数应用
2016/05/22 Javascript
js精准的倒计时函数分享
2016/06/29 Javascript
前端面试题及答案整理(二)
2016/08/26 Javascript
AngularJs  Understanding Angular Templates
2016/09/02 Javascript
浅谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/27 Javascript
vue + webpack如何绕过QQ音乐接口对host的验证详解
2018/07/01 Javascript
微信小程序实现默认第一个选中变色效果
2018/07/17 Javascript
layui select获取自定义属性方法
2018/08/15 Javascript
Vue从TodoList中学父子组件通信
2019/02/05 Javascript
JS实现使用POST方式发送请求
2019/08/30 Javascript
vue设置全局访问接口API地址操作
2020/08/14 Javascript
通过实例解析javascript Date对象属性及方法
2020/11/04 Javascript
[01:17]Ti4 循环赛第一日回顾
2014/07/11 DOTA
python逆序打印各位数字的方法
2018/06/25 Python
python实现的登录与提交表单数据功能示例
2019/09/25 Python
Tensorflow tf.dynamic_partition矩阵拆分示例(Python3)
2020/02/07 Python
django orm模块中的 is_delete用法
2020/05/20 Python
Python模块zipfile原理及使用方法详解
2020/08/04 Python
欧洲最大的品牌水上运动服装和设备在线零售商:Wuituit Outlet
2018/05/05 全球购物
KARATOV珠宝在线商店:俄罗斯珠宝品牌
2019/03/13 全球购物
英国和国际包裹递送:ParcelCompare
2019/08/26 全球购物
Paradox London官方网站:英国新娘鞋婚礼鞋品牌
2019/08/29 全球购物
Ooni英国官网:披萨烤箱
2020/05/31 全球购物
缓刑人员的思想汇报
2014/01/11 职场文书
毕业自我鉴定总结
2014/03/24 职场文书
公职人员索取回扣检举信
2014/04/04 职场文书
2015年世界粮食日演讲稿
2015/03/20 职场文书