DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> IE6中使用position導致頁面變形的解決方案(js代碼)
IE6中使用position導致頁面變形的解決方案(js代碼)
編輯:關於JavaScript     
如圖所示:


解決方案:
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; //縮放窗體時觸發事件
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved