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 maxlength文本字数限制插件
Apr 16 Javascript
JavaScript中常见陷阱小结
Apr 27 Javascript
超越Jquery_01_isPlainObject分析与重构
Oct 20 Javascript
Javascript浮点数乘积运算出现多位小数的解决方法
Feb 17 Javascript
使用时间戳解决ie缓存的问题
Aug 20 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
Mar 12 Javascript
jQuery封装的tab选项卡插件分享
Jun 16 Javascript
Backbone.js的一些使用技巧
Jul 01 Javascript
Bootstrap实现导航栏的2种方式
Nov 28 Javascript
Vue.js开发环境快速搭建教程
Mar 17 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
May 24 Javascript
利用不到200行代码写一款属于你自己的js类库
Jul 08 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
基于qmail的完整WEBMAIL解决方案安装详解
2006/10/09 PHP
php随机取mysql记录方法小结
2014/12/27 PHP
php获取当前月与上个月月初及月末时间戳的方法
2016/12/05 PHP
PHP实现文字写入图片功能
2019/02/18 PHP
PHP文件后缀不强制为.php方法
2019/03/31 PHP
Javascript call和apply区别及使用方法
2013/11/14 Javascript
jquery showModelDialog的使用方法示例详解
2013/11/19 Javascript
javascript得到当前页的来路即前一页地址的方法
2014/02/18 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
jQuery实现Tab选项卡切换效果简单演示
2015/11/23 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
2016/01/19 Javascript
动态加载js、css的实例代码
2016/05/26 Javascript
jQuery实现区域打印功能代码详解
2016/06/17 Javascript
Bootstrap的基本应用要点浅析
2016/12/19 Javascript
原生JS京东轮播图代码
2017/03/22 Javascript
Nodejs中使用captchapng模块生成图片验证码
2017/05/18 NodeJs
Node.js中使用mongoose操作mongodb数据库的方法
2017/09/12 Javascript
微信小程序简单实现form表单获取输入数据功能示例
2017/11/30 Javascript
微信小程序使用gitee进行版本管理
2018/09/20 Javascript
原生js实现公告滚动效果
2021/01/10 Javascript
python操作excel的包(openpyxl、xlsxwriter)
2018/06/11 Python
django ModelForm修改显示缩略图 imagefield类型的实例
2019/07/28 Python
Python中的 sort 和 sorted的用法与区别
2019/08/10 Python
用Python抢火车票的简单小程序实现解析
2019/08/14 Python
Python使用字典实现的简单记事本功能示例
2019/08/15 Python
Python自动化导出zabbix数据并发邮件脚本
2019/08/16 Python
简单了解python装饰器原理及使用方法
2019/12/18 Python
Python通过两个dataframe用for循环求笛卡尔积
2020/04/29 Python
Python flask框架实现查询数据库并显示数据
2020/06/04 Python
Python pip安装第三方库实现过程解析
2020/07/09 Python
采购员岗位职责
2013/11/15 职场文书
难忘的一天教学反思
2014/04/30 职场文书
大专毕业生自我鉴定范文(2篇)
2014/09/27 职场文书
信息合作协议书
2014/10/09 职场文书
英文慰问信
2015/02/14 职场文书
浅谈mysql增加索引不生效的几种情况
2021/06/23 MySQL