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 插件学习(二)
Aug 06 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
Dec 14 Javascript
avalonjs实现仿微博的图片拖动特效
May 06 Javascript
JavaScript中Null与Undefined的区别解析
Jun 30 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
Mar 07 Javascript
详解vue渲染从后台获取的json数据
Jul 06 Javascript
Promise.all中对于reject的处理方法
Aug 01 Javascript
详解vue移动端项目的适配(以mint-ui为例)
Aug 17 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
Oct 30 Javascript
微信小程序实现页面下拉刷新和上拉加载功能详解
Dec 03 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
微信小程序返回上一页传参并刷新过程解析
Dec 13 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程序的多种方法介绍
2014/11/06 PHP
PHP小偷程序的设计与实现方法详解
2016/10/15 PHP
thinkPHP5.0框架引入Traits功能实例分析
2017/03/18 PHP
在JavaScript中获取请求的URL参数
2010/12/22 Javascript
基于jquery的仿百度搜索框效果代码
2011/04/11 Javascript
基于jquery的可多选的下拉列表框
2012/07/20 Javascript
JQuery拖拽元素改变大小尺寸实现代码
2012/12/10 Javascript
如何将网页表格内容导入excel
2014/02/18 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
2014/03/07 Javascript
实例讲解js验证表单项是否为空的方法
2016/01/09 Javascript
javascript先序遍历DOM树的方法
2016/02/27 Javascript
JS本地刷新返回上一页代码
2016/07/25 Javascript
JavaScript实现精美个性导航栏筋斗云效果
2017/10/29 Javascript
使用vue如何构建一个自动建站项目
2018/02/05 Javascript
JS面向对象的程序设计相关知识小结
2018/05/26 Javascript
jquery获取img的src值实例介绍
2019/01/16 jQuery
vue实现点击追加选中样式效果
2019/11/01 Javascript
vue路由权限校验功能的实现代码
2020/06/07 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
2020/08/03 Javascript
Vue中用JSON实现刷新界面不影响倒计时
2020/10/26 Javascript
原生js+canvas实现验证码
2020/11/29 Javascript
vue+element table表格实现动态列筛选的示例代码
2021/01/14 Vue.js
vue-video-player 断点续播的实现
2021/02/01 Vue.js
python 编写简单网页服务器的实例
2018/06/01 Python
python 查找文件名包含指定字符串的方法
2018/06/05 Python
浅谈Keras参数 input_shape、input_dim和input_length用法
2020/06/29 Python
2020版Python学习路线图(附学习资料)
2020/09/15 Python
css3高级选择器使用方法
2013/12/02 HTML / CSS
GIVENCHY纪梵希官方旗舰店:高定彩妆与贵族护肤品
2018/04/16 全球购物
日本最大的购物网站:日本乐天市场(Rakuten Ichiba)
2020/11/04 全球购物
Python如何定义一个函数
2015/09/01 面试题
如何唤起类中的一个方法
2013/11/29 面试题
经销商会议欢迎词
2014/01/11 职场文书
教师远程培训感言
2014/03/06 职场文书
总经理秘书岗位职责
2014/03/17 职场文书
写作技巧:如何撰写商业计划书
2019/08/08 职场文书