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 相关文章推荐
表格 隔行换色升级版
Nov 07 Javascript
jQuery学习笔记之2个小技巧
Jan 19 Javascript
jQuery中 delegate使用的问题
Jul 03 Javascript
javascript封装的sqlite操作类实例
Jul 17 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
jQuery使用中可能被XSS攻击的一些危险环节提醒
May 24 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
Sep 04 Javascript
vue项目中引入noVNC远程桌面的方法
Mar 05 Javascript
详解react内联样式使用webpack将px转rem
Sep 13 Javascript
微信小程序 组件的外部样式externalClasses使用详解
Sep 06 Javascript
Vue+Vuex实现自动登录的知识点详解
Mar 04 Javascript
js实现弹框效果
Mar 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 正则学习实例
2008/07/30 PHP
PHP 实用代码收集
2010/01/22 PHP
php mb_substr()函数截取中文字符串应用示例
2014/07/29 PHP
php实现无限级分类
2014/12/24 PHP
php使用Imagick生成图片的方法
2015/07/31 PHP
深入理解PHP 数组之count 函数
2016/06/13 PHP
PHP 微信扫码支付源代码(推荐)
2016/11/03 PHP
用javascript获得地址栏参数的两种方法
2006/11/08 Javascript
理解JavaScript中的对象 推荐
2011/01/09 Javascript
jquery 插件学习(四)
2012/08/06 Javascript
javascript定义变量时有var和没有var的区别探讨
2014/07/21 Javascript
jQuery基于ajax实现星星评论代码
2015/08/07 Javascript
谈谈JavaScript中function多重理解
2015/08/28 Javascript
原生js的RSA和AES加密解密算法
2016/10/08 Javascript
微信小程序 表单Form实例详解(附源码)
2016/12/22 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
2016/12/26 Javascript
javascript使用btoa和atob来进行Base64转码和解码
2017/03/20 Javascript
如何重置vue打印变量的显示方式
2017/12/06 Javascript
解决vue多个路由共用一个页面的问题
2018/03/12 Javascript
Vue页面手动刷新,实现导航栏激活项还原到初始状态
2020/08/06 Javascript
解决新建一个vue项目过程中遇到的问题
2020/10/22 Javascript
基于vue+echarts数据可视化大屏展示的实现
2020/12/25 Vue.js
从零学python系列之数据处理编程实例(一)
2014/05/22 Python
Python字符串中查找子串小技巧
2015/04/10 Python
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
在Python程序员面试中被问的最多的10道题
2017/12/05 Python
selenium+python实现自动登陆QQ邮箱并发送邮件功能
2019/12/13 Python
如何基于Python实现数字类型转换
2020/02/07 Python
Python变量及数据类型用法原理汇总
2020/08/06 Python
PyTorch安装与基本使用详解
2020/08/31 Python
python 实现简单的计算器(gui界面)
2020/11/11 Python
Java面试题汇总
2015/12/06 面试题
优秀大学生的自我评价
2014/01/16 职场文书
2015年医院药剂科工作总结
2015/05/04 职场文书
怒海潜将观后感
2015/06/11 职场文书
2015年国庆晚会主持词
2015/07/01 职场文书