IE6中使用position导致页面变形的解决方案(js代码)
更新时间：2011年01月09日 23:10:00 作者：
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; //缩放窗体时触发事件
解决方案：
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; //缩放窗体时触发事件
相关文章
这篇文章主要为大家详细介绍了原生JS仿QQ阅读点击展开、收起效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
js中使用DOM复制（克隆）指定节点名数据到新的XML文件中的代码
使用DOM复制（克隆）指定节点名数据到新的XML文件中 ,用到三个类的相关知识点 ： DOMDocument - DOMNodeList - DOMNode2011-07-07
这篇文章主要介绍了带你领略Object.assign()方法的操作方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
在javascript页面中实现CheckBox或者Radio的选中状态是一件很容易的事情，下面我们来给大家展示下在asp.net中使用javascript中CheckBox全选终极方案，有需要的小伙伴可以参考下。2015-05-05
本文将提供两种方式保存图片，大家可以根据喜欢自由选择2012-11-11
这篇文章主要告诉大家JavaScript如何处理移动端拍摄图片旋转问题，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
Javascript四舍五入Math.round()与Math.pow()使用介绍
本文为大家介绍下Javascript中的四舍五入Math.round()与Math.pow()的使用，感兴趣的朋友不要错过2013-12-12
利用AJAX实现WordPress中的文章列表及评论的分页功能
在文中列表页方面利用AJAX制作滚动到底触发翻页的效果比较常见,而在评论加载时AJAX显示正在加载也很常用,下面就来看一下如何利用AJAX实现WordPress中的文章列表及评论的分页功能2016-05-05
三维开发渲染最多的对象大概是网格mesh了，Webgl开发三维也不例外，下面这篇文章主要给大家介绍了关于Three.js中网格对象MESH的属性与方法，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。2017-09-09
JS 事件冒泡 示例代码，大家可以参考下。2009-07-07
最新评论