IE6中使用position導(dǎo)致頁面變形的解決方案(js代碼)
更新時間:2011年01月09日 23:10:00 作者:
IE6中使用position導(dǎo)致頁面變形,影響用戶體驗(yàn),通過搜索可以通過js來實(shí)現(xiàn)。
如圖所示:
解決方案:
1.縮放窗體時先得到內(nèi)容左邊的空白寬度。
$("#nav").offset().left; 得到內(nèi)容區(qū)左邊的空白寬度。
2.得到整個窗體的寬度(注意:桌面分辨率為基準(zhǔn),少了加上來)。
3.用桌面分辨率的寬度-頁面內(nèi)容區(qū)的寬度/2,就可以得到一邊多余的寬度。
4.如果得到的值跟$("#nav").offset().left;得到值不同,則可以調(diào)到兩值相同。
var ietest=function()
{
if ($.browser.msie) {
if ($.browser.version == "6.0")
{
var _width=document.documentElement.clientWidth+29; //桌面分辨率大小
$("#nav").css("left",((_width-950)/2)-15); //重新設(shè)置值
return false;
}
return false;
}
return false;
}
window.onresize=ietest; //縮放窗體時觸發(fā)事件
解決方案:
1.縮放窗體時先得到內(nèi)容左邊的空白寬度。
$("#nav").offset().left; 得到內(nèi)容區(qū)左邊的空白寬度。
2.得到整個窗體的寬度(注意:桌面分辨率為基準(zhǔn),少了加上來)。
3.用桌面分辨率的寬度-頁面內(nèi)容區(qū)的寬度/2,就可以得到一邊多余的寬度。
4.如果得到的值跟$("#nav").offset().left;得到值不同,則可以調(diào)到兩值相同。
復(fù)制代碼 代碼如下:
var ietest=function()
{
if ($.browser.msie) {
if ($.browser.version == "6.0")
{
var _width=document.documentElement.clientWidth+29; //桌面分辨率大小
$("#nav").css("left",((_width-950)/2)-15); //重新設(shè)置值
return false;
}
return false;
}
return false;
}
window.onresize=ietest; //縮放窗體時觸發(fā)事件
相關(guān)文章
分享JS代碼實(shí)現(xiàn)鼠標(biāo)放在輸入框上輸入框和圖片同時更換樣式
在一些網(wǎng)站我們會見到,當(dāng)鼠標(biāo)放在輸入框上輸入框和圖片同時更換樣式,那么基于js代碼是如何實(shí)現(xiàn)的呢?下面小編給大家解答下2016-09-09Javascript的表單驗(yàn)證-初識正則表達(dá)式
JavaScript 可用來在數(shù)據(jù)被送往服務(wù)器前對 HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證。接下來通過本文給大家介紹Javascript的表單驗(yàn)證-初識正則表達(dá)式,對js表單驗(yàn)證正則表達(dá)式相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-03-03一個仿Windows UI的html table,兼容IE和firefox
兼容IE和firefox的仿Windows UI的html table2008-11-11javascript Array.remove() 數(shù)組刪除
下面的代碼主要是實(shí)現(xiàn)了,刪除數(shù)組中指定的值。2009-08-08