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 相关文章推荐
JQuery 表单中textarea字数限制实现代码
Dec 07 Javascript
读jQuery之十 事件模块概述
Jun 27 Javascript
JavaScript中使用Substring删除字符串最后一个字符
Nov 03 Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
Jan 10 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
Feb 10 Javascript
JavaScript模拟push
Mar 06 Javascript
浅析AngularJS中的指令
Mar 20 Javascript
Javascript简写条件语句(推荐)
Jun 12 Javascript
JavaScript 数组- Array的方法总结(推荐)
Jul 21 Javascript
vue.js 1.x与2.0中js实时监听input值的变化
Mar 15 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
Mar 16 Javascript
javascript之Object.assign()的痛点分析
Mar 03 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 时间转换Unix时间戳代码
2010/01/22 PHP
php生成百度sitemap站点地图类函数实例
2014/10/17 PHP
yii添删改查实例
2015/11/16 PHP
php微信公众号开发(3)php实现简单微信文本通讯
2016/12/15 PHP
实例解析php的数据类型
2018/10/24 PHP
PHP ajax+jQuery 实现批量删除功能实例代码小结
2018/12/06 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
一个可以兼容IE FF的加为首页与加入收藏实现代码
2009/11/02 Javascript
javascript查找字符串中出现最多的字符和次数的小例子
2013/10/29 Javascript
原始XMLHttpRequest方法详情回顾
2013/11/28 Javascript
node.js操作mongodb学习小结
2015/04/25 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
2015/05/19 Javascript
js实现拖拽效果(构造函数)
2015/12/14 Javascript
浅谈js中的延迟执行和定时执行
2016/05/31 Javascript
jquery中用jsonp实现搜索框功能
2016/10/18 Javascript
老生常谈Bootstrap媒体对象
2017/07/06 Javascript
JavaScript实现的浏览器下载文件的方法
2017/08/09 Javascript
vue中父子组件注意事项,传值及slot应用技巧
2018/05/09 Javascript
浅谈react性能优化的方法
2018/09/05 Javascript
el-select数据过多懒加载的解决(loadmore)
2019/05/29 Javascript
python实现从wind导入数据
2019/12/03 Python
python路径的写法及目录的获取方式
2019/12/26 Python
Python HTMLTestRunner库安装过程解析
2020/05/25 Python
纯CSS3实现图片无间断轮播效果
2016/08/25 HTML / CSS
木马的传播途径主要有哪些
2016/04/08 面试题
汽车队司机先进事迹材料
2014/02/01 职场文书
光盘行动倡议书
2014/02/02 职场文书
升旗仪式主持词
2014/03/19 职场文书
大学生就业自荐书
2014/06/16 职场文书
2014年最新党员对照检查材料汇总
2014/09/15 职场文书
2015年教师党员自我评价材料
2015/03/04 职场文书
乡镇法制宣传日活动总结
2015/05/05 职场文书
吴仁宝观后感
2015/06/09 职场文书
2015初中团委工作总结
2015/07/28 职场文书
python中使用 unittest.TestCase单元测试的用例详解
2021/08/30 Python
python 学习GCN图卷积神经网络
2022/05/11 Python