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内置对象 学习笔记
Aug 01 Javascript
代码获取历史上的今天发生的事
Apr 11 Javascript
jquery实现点击文字可编辑并修改保存至数据库
Apr 15 Javascript
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
May 08 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
Feb 24 Javascript
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
May 06 Javascript
vue子路由跳转实现tab选项卡
Jul 24 Javascript
vue中get请求如何传递数组参数的方法示例
Nov 08 Javascript
详解Vue 单文件组件的三种写法
Feb 19 Javascript
Vue中watch、computed、updated三者的区别及用法
Jul 27 Javascript
vue调用本地摄像头实现拍照功能
Aug 14 Javascript
利用Vue实现简易播放器的完整代码
Dec 30 Vue.js
原生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
粗略计算在线时间,bug:ip相同
2006/12/09 PHP
PHP编程获取音频文件时长的方法【基于getid3类】
2017/04/20 PHP
TP5框架实现上传多张图片的方法分析
2020/03/29 PHP
javascript  Error 对象 错误处理
2008/05/18 Javascript
JavaScript 学习笔记(十三)Dom创建表格
2010/01/21 Javascript
select 控制网页内容隐藏于显示的实现代码
2010/05/25 Javascript
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
2011/03/17 Javascript
js点击出现悬浮窗效果不使用JQuery插件
2014/01/20 Javascript
现如今最流行的JavaScript代码规范
2014/03/08 Javascript
JavaScript中匿名、命名函数的性能测试
2014/09/04 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
AngularJS Bootstrap详细介绍及实例代码
2016/07/28 Javascript
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()
2016/08/11 Javascript
swiper 解决动态加载数据滑动失效的问题
2018/02/26 Javascript
vue实现自定义多选与单选的答题功能
2018/07/05 Javascript
vue移动端html5页面根据屏幕适配的四种解决方法
2018/10/19 Javascript
vue中使用props传值的方法
2019/05/08 Javascript
js Math数学简单使用操作示例
2020/03/13 Javascript
Python爬取读者并制作成PDF
2015/03/10 Python
python判断windows系统是32位还是64位的方法
2015/05/11 Python
使用Python判断质数(素数)的简单方法讲解
2016/05/05 Python
Python OpenCV实现图片上输出中文
2018/01/22 Python
Python 实现文件打包、上传与校验的方法
2019/02/13 Python
Python统计一个字符串中每个字符出现了多少次的方法【字符串转换为列表再统计】
2019/05/05 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
Django Auth用户认证组件实现代码
2020/10/13 Python
设计师家具购买和委托在线市场:Viyet
2016/11/16 全球购物
Hunkemöller西班牙:欧洲最大的内衣连锁店
2018/08/15 全球购物
工商管理实习生自我鉴定范文
2013/12/18 职场文书
2014迎新年晚会策划方案
2014/02/23 职场文书
购房意向书范本
2014/04/01 职场文书
学雷锋活动总结范文
2014/04/25 职场文书
中级会计大学生职业生涯规划书
2014/09/16 职场文书
2014个人年终工作总结范文
2014/12/15 职场文书
2015国庆节66周年标语
2015/07/30 职场文书
如何才能写好调研报告?
2019/07/03 职场文书