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 相关文章推荐
再论Javascript的类继承
Mar 05 Javascript
javascript四舍五入函数代码分享(保留后几位)
Dec 10 Javascript
js 获取元素在页面上的偏移量的方法汇总
Apr 13 Javascript
javascript实现验证身份证号的有效性并提示
Apr 30 Javascript
Node.js中使用socket创建私聊和公聊聊天室
Nov 19 Javascript
JavaScript中的this机制
Jan 30 Javascript
JS事件添加和移出的兼容写法示例
Jun 20 Javascript
不间断循环滚动效果的实例代码(必看篇)
Oct 08 Javascript
Vue.js组件tab实现选项卡切换
Mar 23 Javascript
JS实现在文本指定位置插入内容的简单示例
Dec 22 Javascript
Nuxt.js实战和配置详解
Aug 05 Javascript
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 jQuery
原生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汉字转换拼音的函数代码
2015/12/30 PHP
PHP面向对象程序设计之类与反射API详解
2016/12/02 PHP
Yii 2.0实现联表查询加搜索分页的方法示例
2017/08/02 PHP
PHP基于GD2函数库实现验证码功能示例
2019/01/27 PHP
RR vs IO BO3 第一场2.13
2021/03/10 DOTA
Javascript实例教程(19) 使用HoTMetal(3)
2006/12/23 Javascript
jquery select选中的一个小问题
2009/10/11 Javascript
jquery $.ajax()取xml数据的小问题解决方法
2010/11/20 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
2013/01/06 Javascript
JS实现简单的顶部定时关闭层效果
2014/06/15 Javascript
node.js中的path.sep方法使用说明
2014/12/08 Javascript
jQuery中DOM树操作之复制元素的方法
2015/01/23 Javascript
jQuery实现点击图片翻页展示效果的方法
2015/02/16 Javascript
简介JavaScript中getUTCMonth()方法的使用
2015/06/10 Javascript
javascript简单判断输入内容是否合法的方法
2016/05/11 Javascript
three.js快速入门【推荐】
2017/01/21 Javascript
Vue生命周期示例详解
2017/04/12 Javascript
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
详解vue-cli3使用
2018/08/14 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
2019/09/24 Javascript
解决pycharm双击但是无法打开的情况
2020/10/31 Javascript
详解Python中的正则表达式
2018/07/08 Python
python找出完数的方法
2018/11/12 Python
Python内置random模块生成随机数的方法
2019/05/31 Python
HTML5 与 XHTML2
2008/10/17 HTML / CSS
万宝龙英国官网:Montblanc手表、书写工具、皮革和珠宝
2018/10/16 全球购物
文员自我评价怎么写
2013/09/19 职场文书
优秀演讲稿范文
2013/12/29 职场文书
机电一体化职业规划书
2014/01/07 职场文书
理工学院学生自我鉴定
2014/02/23 职场文书
法制宣传月活动方案
2014/05/11 职场文书
全国税务系统先进集体事迹材料
2014/05/19 职场文书
财会专业大学生求职信
2014/09/26 职场文书
2015年人事专员工作总结
2015/04/29 职场文书
Oracle锁表解决方法的详细记录
2022/06/05 Oracle
Redis实现短信验证码登录的示例代码
2022/06/14 Redis