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 相关文章推荐
自己开发Dojo的建议框架
Sep 24 Javascript
基于jQuery实现模拟页面加载进度条
Apr 01 Javascript
如何动态的导入js文件具体该怎么实现
Jan 14 Javascript
JS中类或对象的定义说明
Mar 10 Javascript
JavaScript实现在标题栏上显示当前日期的方法
Mar 19 Javascript
jquery实现LED广告牌旋转系统图片切换效果代码分享
Aug 26 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
May 10 Javascript
解决koa2 ctx.render is not a function报错问题
Aug 07 Javascript
小程序登录态管理的方法示例
Nov 13 Javascript
vue实现跳转接口push 转场动画示例
Nov 01 Javascript
浅谈Vue组件单元测试究竟测试什么
Feb 05 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
Sep 04 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调用三种数据库的方法(2)
2006/10/09 PHP
php中的四舍五入函数代码(floor函数、ceil函数、round与intval)
2014/07/14 PHP
Yii框架参数化查询中IN查询只能查询一个的解决方法
2017/05/20 PHP
php如何把表单内容提交到数据库
2019/07/08 PHP
最简单的jQuery程序 入门者学习
2009/07/09 Javascript
jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介
2015/12/03 Javascript
jQuery 检查某个元素在页面上是否存在实例代码
2016/10/27 Javascript
浅谈在Vue-cli里基于axios封装复用请求
2017/11/06 Javascript
vue 运用mock数据的示例代码
2017/11/07 Javascript
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
webpack4.x开发环境配置详解
2018/08/04 Javascript
使用react render props实现倒计时的示例代码
2018/12/06 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
2020/01/22 Javascript
[00:32]2018DOTA2亚洲邀请赛Liquid出场
2018/04/03 DOTA
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python实现二叉树的遍历
2017/12/11 Python
python使用turtle库与random库绘制雪花
2018/06/22 Python
Python3非对称加密算法RSA实例详解
2018/12/06 Python
python print输出延时,让其立刻输出的方法
2019/01/07 Python
Python对象转换为json的方法步骤
2019/04/25 Python
Python Django 添加首页尾页上一页下一页代码实例
2019/08/21 Python
浅谈django 重载str 方法
2020/05/19 Python
Python通过kerberos安全认证操作kafka方式
2020/06/06 Python
python属于哪种语言
2020/08/16 Python
Python爬虫定时计划任务的几种常见方法(推荐)
2021/01/15 Python
雪花秀美国官方网站:韩国著名草本护肤化妆品品牌
2016/10/19 全球购物
世界第一曲奇连锁店:Mrs. Fields Cookies
2017/02/04 全球购物
linux面试题参考答案(4)
2014/09/21 面试题
顶岗实习计划书
2014/01/10 职场文书
药学职务聘任书
2014/03/29 职场文书
信息技术课后反思
2014/04/27 职场文书
市场营销工作计划书
2014/05/06 职场文书
法人代表证明书范本
2015/06/18 职场文书
2015年秋季开学典礼校长致辞
2015/07/16 职场文书
Vue+Element UI实现概要小弹窗的全过程
2021/05/30 Vue.js
MIME类型中application/xml与text/xml的区别介绍
2022/01/18 HTML / CSS