2013-11-24 72 views
1

我正在設置頁面內容的最小高度(使用像素值,而不是百分比),因此我可以在內容底部排列絕對定位的圖像。它在鉻和Safari瀏覽器中正常工作,但在Firefox中,高度呈現不同,我不明白爲什麼。在一些頁面上,這種策略在所有瀏覽器中都能完美工作,而在其他頁面上則不然。firefox內容高度不同於safari/chrome

這裏是一個示例頁面: http://summershortsfestival.com/staging/newsite/past-festivals-2011.php

我使用的是復位CSS和規範,以嘗試並修復瀏覽器如何呈現內容的任何差異。

任何幫助將不勝感激。

+0

在chorme或firefox上,問題到底在哪裏? – DaniP

+0

你的Firefox版本是什麼? –

+0

在safari和chrome中一切正確對齊,firefox是問題所在。我使用的版本是25.0.1,所以是最新的。 – user3026548

回答

1

您可以使用供應商前綴,例如-moz- for firefox。如果您使用的是舊版本的瀏覽器,則可能需要將modernizr.js添加爲插件,以便它可以讀取當前標籤。您可以下載here

+0

謝謝XtianDev。我會檢查出modernizr。我實際上通過創建一個新的容器div並使圖像成爲底部不重複的底部定位來找到修復。無論如何,這個效果更好,因爲我不必爲每個頁面上的容器設置特定的頁面高度,它總是將圖像放在底部,與頁腳齊平。 – user3026548