IE6中使用position導(dǎo)致頁(yè)面變形的解決方案(js代碼)
更新時(shí)間：2011年01月09日 23:10:00 作者：
IE6中使用position導(dǎo)致頁(yè)面變形，影響用戶體驗(yàn)，通過(guò)搜索可以通過(guò)js來(lái)實(shí)現(xiàn)。
如圖所示：
解決方案：
1.縮放窗體時(shí)先得到內(nèi)容左邊的空白寬度。
$("#nav").offset().left; 得到內(nèi)容區(qū)左邊的空白寬度。
2.得到整個(gè)窗體的寬度（注意：桌面分辨率為基準(zhǔn)，少了加上來(lái)）。
3.用桌面分辨率的寬度-頁(yè)面內(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; //縮放窗體時(shí)觸發(fā)事件
解決方案：
1.縮放窗體時(shí)先得到內(nèi)容左邊的空白寬度。
$("#nav").offset().left; 得到內(nèi)容區(qū)左邊的空白寬度。
2.得到整個(gè)窗體的寬度（注意：桌面分辨率為基準(zhǔn)，少了加上來(lái)）。
3.用桌面分辨率的寬度-頁(yè)面內(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; //縮放窗體時(shí)觸發(fā)事件
相關(guān)文章
分享JS代碼實(shí)現(xiàn)鼠標(biāo)放在輸入框上輸入框和圖片同時(shí)更換樣式
在一些網(wǎng)站我們會(huì)見(jiàn)到，當(dāng)鼠標(biāo)放在輸入框上輸入框和圖片同時(shí)更換樣式，那么基于js代碼是如何實(shí)現(xiàn)的呢？下面小編給大家解答下2016-09-09
用jmSlip編寫(xiě)移動(dòng)端頂部日歷選擇控件
這篇文章主要為大家詳細(xì)介紹了利用jmSlip編寫(xiě)移動(dòng)端頂部日歷選擇組件的方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
這是一個(gè)非常重要的知識(shí)點(diǎn)了，了解了JavaScript的作用域鏈的話，能幫助我們理解很多‘異常’問(wèn)題。文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
Javascript的表單驗(yàn)證-初識(shí)正則表達(dá)式
JavaScript 可用來(lái)在數(shù)據(jù)被送往服務(wù)器前對(duì) HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證。接下來(lái)通過(guò)本文給大家介紹Javascript的表單驗(yàn)證-初識(shí)正則表達(dá)式，對(duì)js表單驗(yàn)證正則表達(dá)式相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-03-03
皓月當(dāng)空,月圓中秋,在這個(gè)傳統(tǒng)節(jié)日里,除了賞月、猜燈謎、賞花燈等習(xí)俗外,還有就是品嘗美味的月餅,本文就來(lái)使用canvas繪制一個(gè)精美的月餅吧2023-09-09
JS獲取整個(gè)頁(yè)面文檔的實(shí)現(xiàn)代碼
就是在當(dāng)前頁(yè)面用AJAX請(qǐng)求當(dāng)前頁(yè)面，返回的就是整個(gè)頁(yè)面的HTML··既然是整個(gè)頁(yè)面，所以也包括文檔聲明2011-12-12
一個(gè)仿Windows UI的html table，兼容IE和firefox
兼容IE和firefox的仿Windows UI的html table2008-11-11
最近項(xiàng)目中遇到些字符串亂碼問(wèn)題，解決后有些心得，記錄于此。2009-12-12
JS實(shí)現(xiàn)鼠標(biāo)懸停切換圖片,顯示天氣預(yù)報(bào)，利用焦點(diǎn)實(shí)現(xiàn)選擇網(wǎng)站的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助，一起跟隨小編過(guò)來(lái)看看吧2018-05-05
javascript Array.remove() 數(shù)組刪除
下面的代碼主要是實(shí)現(xiàn)了，刪除數(shù)組中指定的值。2009-08-08