IE FF的高度不同Chrome Chrome

美好的一天，在我以前的帖子中遇到問題之後，我進入了另一個由網頁穿越高度不同造成的問題。IE FF的高度不同Chrome Chrome

例子：http://www.sushitaksteeg.nl/secret/template.html

下載：http://www.sushitaksteeg.nl/secret/Port.rar

如果按滾動頁面按鈕，頁面滾動完全在FF但不是在Chrome和IE。

我不希望這Styles.css中設置一個屬性：

< - #footer的{高度：870px;} - >

我再次搜查谷歌和計算器，並試圖CSS重置，但沒有工作..

有人有什麼想法嗎？

編輯

邁克幫我出parent.scroll（），這是更好，但現在我仍然可以看到在FF和Chrome頁眉和頁腳之間的白線，IE瀏覽器顯示現在好。

更多的幫助表示感謝，謝謝。

來源

2011-05-12 MOTIVECODEX

我在chrome 11.0.696.65和ff 4.0.1中獲得了相同的行爲（頁面滾動到底部）。 IE 8的行爲不同（頁面不滾動到頁面的底部，而是在兩個圖像相遇時停止）。你想要什麼行爲？ –

我希望它看起來像現在在IE上的樣子：用IE打開http://www.sushitaksteeg.nl/secret/template.html 在FF和Chrome中，您可以在頁眉和頁腳之間看到一條白線，我希望他們看起來像在IE中。有任何想法嗎？ ps。我使用的是Chrome 10.0.648.205，即8.0.7601.17514，最新的FF。 – MOTIVECODEX

我看到你的JavaScript正在使用window.scrollBy（）。在Chrome/IE中，滾動可以使用parent.scroll（）完成。

來源

2011-05-12 10:19:46

當我用parent.scroll（）替換windows.scrollBy（）時，它在Chrome，IE和FF上不做任何事情。 *編輯* 我已經上傳了更新版本。現在情況好多了，但仍然在FF和鉻中看起來不太好，你可以在圖像之間看到一條白線。你能否也提供關於這方面的信息？ parent.scroll（）比window.scrollBy（）更好謝謝 – MOTIVECODEX

我不確定你的問題在哪裏。它爲我滾動非常好。唯一的區別是IE瀏覽器的可見垂直客戶端比Chrome小，因此當Chrome嘗試向下滾動到95時，它會觸及頁面的底部，因此無法滾動95像素。如果我讓Chrome窗口變小，它會滾動得很好。它也適用於Firefox。 –

感謝您的幫助！它幫助我：D它現在的作品，也感謝Jules：D – MOTIVECODEX

解決你的第二個問題（與白線）：

刪除您<div id="content"></div>內<br>標籤和38px高度添加到您的內容DIV，所以在你的CSS文件，你可以：

#content { 
    height: 38px; 
}

是你想要的嗎？問題在於content-div與其中的數據成比例。您試圖使用br標籤獲得正確的高度，但這些標籤沒有標準高度，並取決於您使用的瀏覽器。在css中指定高度將使其在所有瀏覽器中保持相同高度（只要內容適合它，否則將會縮放（無論您是否指定內容div的css屬性overflow: hidden;））。

來源

2011-05-12 12:04:21

偉大的它爲IE和FF工作！謝謝，但在Chrome中，頁眉和頁腳並不合適。那裏做什麼？ – MOTIVECODEX

@ F4LLCON在我的Chrome版本中工作正常（11）沒有要測試的版本10，所以我不確定。我唯一能想到的就是Chrome可能會在你的計算機上緩存頁面。嘗試CTRL + F5並驗證CSS正確加載.. –

這真的很奇怪，我已經安裝了新的鉻，但它仍然顯示不好。我也ctrl + f5並沒有。 *編輯* @Jules謝謝！我已經用Ccleaner刪除了所有內容，現在它正常工作！就像你說的，緩存不好...謝謝Jules！ :) – MOTIVECODEX

IE FF的高度不同Chrome Chrome

回答

相關問題