Internet Explorer 7和8截斷網站內容

我花了幾天的時間解決了這個問題，我似乎無法在任何地方找到解決方案，這使我瘋狂。Internet Explorer 7和8截斷網站內容

我創建了一個動態加載所有內容的網頁，並且由於某種原因，內容在IE 7和8中被截斷。它在Firefox和Opera中工作正常。

內容大於窗口的大小，IE會截斷內容，因此垂直滾動條未啓用。我試着將窗口最小化爲一個更小的尺寸，好像IE只渲染適合窗口內容的內容，並且根本沒有創建所有其他內容，因爲我在刷新後最大化了窗口，它只顯示頁面的那部分適合較小的窗戶。

如果你想看看我的問題，你可以去here，然後以管理員/ alalcoalalco登錄，並在登錄後點擊菜單上的「管理員」鏈接，並降低您的IE瀏覽器的高度直到桌子的一半適合窗戶。然後刷新頁面，並在最大化窗口後，您將看到瀏覽器僅在窗口較小時呈現適合窗口內容的內容。如果你在opera和firefox中做同樣的事情，它將完美運行。

有什麼想法？任何事情都會非常感激。

謝謝！

來源

2010-07-11 Alvos

http://validator.w3.org/ – reisio 2010-07-11 02:51:29

爲了向您提供以下答案，我必須花費相當多的時間在上面鏈接的頁面上瀏覽所有HTML/CSS/JS，如同其他任何想要的人一樣來幫你。您可以通過向我們提供* Short，Self-Contained Correct Example *來幫助我們：http://homepage1.nifty.com/algafield/sscce.html。 – 2010-07-11 18:43:31

對不起，我無法提供一個小例子。我只是不知道問題出在哪裏，所以我不能減少代碼，因爲我不知道哪個文件導致了問題。 – Alvos 2010-07-12 00:00:20

我認爲這個問題是在你的CenterWindow和CloseWindow職能範圍內common.js：

function CenterWindow(controlMain, controlWindow) 
{ 
    var windowWidth = document.documentElement.clientWidth; 
    var windowHeight = document.documentElement.clientHeight; 
    var popupHeight = controlWindow.height(); 
    var popupWidth = controlWindow.width(); 

    controlWindow.css(
     { 
      "position": "absolute", 
      "top": windowHeight/2-popupHeight/2, 
      "left": windowWidth/2-popupWidth/2 
     }); 

    controlMain.css(
     { 
      "height": windowHeight 
     }); 
} 

function CloseWindow(controlMain, controlWindow) 
{ 
    controlMain.css(
     { 
      "opacity": "1" 
     }); 

    controlWindow.fadeOut('fast'); 
    controlMain.fadeIn('fast');  
}

頁面加載時，CenterWindow（通過OpenWindow）被調用，以顯示包含「正在載入」消息股利。稍後，調用CloseWindow來移除此「加載」格。在CenterWindow的末尾，您將controlMain（恰好是ID爲divMain的div）的高度設置爲瀏覽器窗口高度。但是，CloseWindow不會將divMain div的高度恢復到「加載」div打開之前的高度。

修復方法是線

controlMain.css(
     { 
      "height": "" 
     });

添加的CloseWindow結束。這將刪除在divMain上設置的臨時高度。

我無法解釋爲什麼只有IE7/IE8出現這種行爲。但是，我能夠重現您的問題並確認我的建議可以解決問題。

來源

2010-07-11 18:27:54

我對你的朋友深表敬意。這實際上解決了我的問題。由於我最終得出結論認爲它毫無意義，因此我在修改主控制器的高度時刪除了部分代碼。順便說一句，我只是發現，出於某種原因，修改主控制的不透明度禁用了IE 7和8中的垂直滾動條，即使文檔被完全渲染，我也無法向下滾動。我也消除了這部分，只使用淡入/淡出來完成效果，它的工作就像一個魅力。 – Alvos 2010-07-12 00:05:01

非常感謝您的幫助。我真的很感激你花時間去挖掘這一點。我真的需要一個不同的觀點，因爲我認爲我花了很多時間來解決這個問題，所以我對自己的代碼視而不見。再次感謝！我希望我能有機會盡快回復。 – Alvos 2010-07-12 00:06:11

我使用了驗證工具，該文檔似乎對HTML和CSS有效。我發現了一種簡單的方法來查看網站中的錯誤，因爲我發現它發生在所有頁面上，而不僅僅是我告訴過你的頁面。即使是帶有靜態內容的頁面。

轉到http://www.almaxsoft.com/importec/index.php（此頁面僅包含靜態內容），並且在加載頁面後，降低IE 7或8瀏覽器的高度，然後刷新頁面。你會看到瀏覽器窗口永遠不會使垂直滾動條，因爲它只是呈現適合的窗口，像波紋圖像中的內容：

error1.JPG

後我最大化窗口，我可以看到內容已被截斷，這就是沒有被啓用滾動條的原因，像下面的圖片中：

error2.JPG

我作爲一個新的用戶，我不能發表圖片或多個鏈接一條消息，所以我會在一個新的答覆中發佈圖像庫，供您檢查它們。

任何想法？我真的可以用一些幫助。

謝謝！

來源

2010-07-11 15:45:58 Alvos

這是圖像存儲庫http://www.almaxsoft.com/images/error1.JPG。同樣的事情爲error2.JPG。注意JPG的大寫字母。如果你不使用大寫字母，你將無法找到圖像 – Alvos 2010-07-11 15:47:16

Internet Explorer 7和8截斷網站內容

回答

相關問題