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