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 Chart 插件整理
Jun 18 Javascript
利用原生JavaScript获取元素样式只是获取而已
Oct 08 Javascript
推荐10 个很棒的 jQuery 特效代码
Oct 04 Javascript
Javascript之BOM(window对象)详解
May 25 Javascript
JS 滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
Oct 10 Javascript
JS实现的驼峰式和连字符式转换功能分析
Dec 21 Javascript
Bootstrap源码解读网格系统(3)
Dec 22 Javascript
JavaScript实现选中文字提示新浪微博分享效果
Jun 15 Javascript
Bootstrap模态框插入视频的实现代码
Jun 25 Javascript
vue里input根据value改变背景色的实例
Sep 29 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
Apr 28 Javascript
手写Vue弹窗Modal的实现代码
Sep 11 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边学边教》(02.Apache+PHP环境配置――下篇)
2006/12/13 PHP
在PHP程序中使用Rust扩展的方法
2015/07/03 PHP
laravel 多图上传及图片的存储例子
2019/10/14 PHP
javascript Discuz代码中的msn聊天小功能
2008/05/25 Javascript
ExtJS4给Combobox设置列表中的默认值示例
2014/05/02 Javascript
javascript实现十秒钟后注册按钮可点击的方法
2015/05/13 Javascript
jQuery实现自动调整字体大小的方法
2015/06/15 Javascript
jQuery实现简单的列表式导航菜单效果代码
2015/08/31 Javascript
nodejs初步体验篇
2015/11/23 NodeJs
node.js入门实例helloworld详解
2015/12/23 Javascript
js 简易版滚动条实例(适用于移动端H5开发)
2017/06/26 Javascript
在Swiper内如何制作CSS3动画效果示例代码
2017/12/07 Javascript
node.js基于socket.io快速实现一个实时通讯应用
2019/04/23 Javascript
详解vue 自定义组件使用v-model 及探究其中原理
2019/10/11 Javascript
JavaScript字符串处理常见操作方法小结
2019/11/15 Javascript
JS画布动态实现黑客帝国背景效果
2020/11/08 Javascript
[41:41]TFT vs Secret Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
[46:32]Fnatic vs OG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python实现字典依据value排序
2016/02/24 Python
详解python中Numpy的属性与创建矩阵
2018/09/10 Python
python网络爬虫 Scrapy中selenium用法详解
2019/09/28 Python
Python守护进程实现过程详解
2020/02/10 Python
利用Python制作动态排名图的实现代码
2020/04/09 Python
浅析Python 多行匹配模式
2020/07/24 Python
python输出国际象棋棋盘的实例分享
2020/11/26 Python
python中altair可视化库实例用法
2021/01/26 Python
CSS3为背景图设置遮罩并解决遮罩样式继承问题
2020/06/22 HTML / CSS
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
系统管理员的职责包括那些?管理的对象是什么?
2016/09/20 面试题
Static Nested Class 和 Inner Class的不同
2013/11/28 面试题
初中生学习的自我评价
2013/11/14 职场文书
村干部承诺书
2014/03/28 职场文书
团队口号大全
2014/06/06 职场文书
群众路线学习心得体会范文
2014/11/05 职场文书
2015年领导干部廉洁自律工作总结
2015/05/26 职场文书
MongoDB日志切割的三种方式总结
2021/09/15 MongoDB