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中的undefined和not defined区别示例介绍
Feb 26 Javascript
javascript实现无缝上下滚动特效
Dec 16 Javascript
利用jquery获取select下拉框的值
Nov 23 Javascript
bootstrap配合Masonry插件实现瀑布式布局
Jan 18 Javascript
JavaScript解析JSON格式数据的方法示例
Jan 24 Javascript
AngularJS实现自定义指令与控制器数据交互的方法示例
Jun 19 Javascript
详解angularJS动态生成的页面中ng-click无效解决办法
Jun 19 Javascript
关于express与koa的使用对比详解
Jan 25 Javascript
基于JS实现前端压缩上传图片的实例代码
May 14 Javascript
VUE+elementui面包屑实现动态路由详解
Nov 04 Javascript
vue select 获取value和lable操作
Aug 28 Javascript
JS前端使用canvas实现扩展物体类和事件派发
Aug 05 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使用DOMDocument类生成HTML实例(包含常见标签元素)
2014/06/25 PHP
PHP动态编译出现Cannot find autoconf的解决方法
2014/11/05 PHP
PHP结合jquery ajax实现上传多张图片,并限制图片大小操作示例
2019/03/01 PHP
php设计模式之策略模式应用案例详解
2019/06/17 PHP
php和redis实现秒杀活动的流程
2019/07/17 PHP
PHP时间相关常用函数用法示例
2020/06/03 PHP
javascript 常用代码技巧大收集
2009/02/25 Javascript
用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。
2009/08/15 Javascript
动态表格Table类的实现
2009/08/26 Javascript
json数据处理技巧(字段带空格、增加字段、排序等等)
2013/06/14 Javascript
jquery实现metro效果示例代码
2013/09/06 Javascript
浅谈JS日期(Date)处理函数
2014/12/07 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
2016/01/22 Javascript
Vue获取DOM元素样式和样式更改示例
2017/03/07 Javascript
vue如何从接口请求数据
2017/06/22 Javascript
使用node搭建自动发图文微博机器人的方法
2019/03/22 Javascript
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
2019/10/26 jQuery
vue父子组件的通信方法(实例详解)
2019/11/10 Javascript
jquery添加div实现消息聊天框
2020/02/08 jQuery
JS数据类型判断的几种常用方法
2020/07/07 Javascript
Python如何通过subprocess调用adb命令详解
2017/08/27 Python
python统计中文字符数量的两种方法
2019/01/31 Python
python网络编程socket实现服务端、客户端操作详解
2020/03/24 Python
python Matplotlib数据可视化(1):简单入门
2020/09/30 Python
scrapy头部修改的方法详解
2020/12/06 Python
CSS3教程:新增加的结构伪类
2009/04/02 HTML / CSS
UNIX文件系统常用命令
2012/05/25 面试题
清华大学自主招生自荐信
2014/01/29 职场文书
法制宣传日活动总结
2014/04/29 职场文书
委托证明模板
2014/09/16 职场文书
八年级英语教学计划
2015/01/23 职场文书
学生检讨书
2015/01/27 职场文书
药店收银员岗位职责
2015/04/07 职场文书
2019假期福利管理制度!
2019/07/15 职场文书
Python实战之实现简易的学生选课系统
2021/05/25 Python
Kubernetes关键组件与结构组成介绍
2022/03/31 Servers