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 相关文章推荐
Extjs学习笔记之二 初识Extjs之Form
Jan 07 Javascript
Jquery css函数用法(判断标签是否拥有某属性)
May 28 Javascript
node.js中的querystring.parse方法使用说明
Dec 10 Javascript
jQuery基础知识小结
Dec 22 Javascript
js中函数声明与函数表达式
Jun 03 Javascript
jquery解析json格式数据的方法(对象、字符串)
Nov 24 Javascript
jQuery实现的简单百分比进度条效果示例
Aug 01 Javascript
微信小程序左滑删除效果的实现代码
Feb 20 Javascript
jquery拼接ajax 的json和字符串拼接的方法
Mar 11 Javascript
微信小程序图片选择、上传到服务器、预览(PHP)实现实例
May 11 Javascript
浅谈JS中this在各个场景下的指向
Aug 14 Javascript
electron踩坑之remote of undefined的解决
Oct 06 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 echo,print,printf,sprintf函数之间的区别与用法详解
2013/11/27 PHP
php实现水仙花数示例分享
2014/04/03 PHP
dwr spring的集成实现代码
2009/03/22 Javascript
JavaScript 基础知识 被自己遗忘的
2009/10/15 Javascript
jquery 应用代码 方便的排序功能
2010/02/06 Javascript
Javascript Function对象扩展之延时执行函数
2010/07/06 Javascript
Ext对基本类型的扩展 ext,extjs,format
2010/12/25 Javascript
jQuery客户端分页实例代码
2013/11/18 Javascript
jquery操作cookie插件分享
2014/01/14 Javascript
Javascript中的默认参数详解
2014/10/22 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
2015/08/24 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
2016/03/11 Javascript
针对后台列表table拖拽比较实用的jquery拖动排序
2016/10/10 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
2016/11/18 Javascript
canvas实现环形进度条效果
2017/03/23 Javascript
通俗易懂地解释JS中的闭包
2017/10/23 Javascript
详解create-react-app 自定义 eslint 配置
2018/06/07 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
python生成日历实例解析
2014/08/21 Python
Python中用pycurl监控http响应时间脚本分享
2015/02/02 Python
用Python制作简单的朴素基数估计器的教程
2015/04/01 Python
Python数据结构之图的应用示例
2018/05/11 Python
python2.7实现爬虫网页数据
2018/05/25 Python
python+webdriver自动化环境搭建步骤详解
2019/06/03 Python
pandas 数据结构之Series的使用方法
2019/06/21 Python
python 计算积分图和haar特征的实例代码
2019/11/20 Python
keras读取h5文件load_weights、load代码操作
2020/06/12 Python
马耳他航空公司官方网站:Air Malta
2019/05/15 全球购物
法国足球商店:Footcenter
2019/07/06 全球购物
初中家长寄语
2014/04/02 职场文书
普通党员个人对照检查材料
2014/09/18 职场文书
电影建国大业观后感
2015/06/01 职场文书
《鸟的天堂》教学反思
2016/02/19 职场文书
MySQL Router的安装部署
2021/04/24 MySQL
golang如何去除多余空白字符(含制表符)
2021/04/25 Golang