2010-04-25 35 views
0

謝謝大家誰與我的最後一個問題幫助,但我已經有了一個新的瀏覽器無關的問題:CSS柱高度在Opera/IE不同的到FF

出於某種原因,圖像導航(沒有工作)在我正在處理的網站上,目前沒有顯示在Firefox的正確位置。它出現在IE8和Opera的正確位置,但Firefox似乎有問題。

從下圖中可以看出,imageContainer div(圖像和左/右箭頭)出現在頁腳的頂部,這就是它應該看起來的樣子,即它在IE8和Opera中的外觀。

opera image http://img686.imageshack.us/img686/5872/operat.jpg

但在下面的圖片中,imageContainer DIV被切割成頁腳DIV出於某種原因,我不知道爲什麼。

firefox image http://img339.imageshack.us/img339/6069/firefoxlz.jpg

imageContainer有margin-top: 110px;在其列的底部得到它在正確的地方。有2列,左邊的段落和imageContainer住房的日曆和聯繫方式。頁腳div也有clear: both;

此外,它不僅僅是圖像落入頁腳,它也是箭頭以及它們與頁腳顏色相同,所以這不是直接顯而易見的。

任何想法爲什麼顯示不正確?有沒有更好的方法將imageContainer對齊到它的列的底部(以保持網站的框形狀),而不是使用margin-top來定位它?

由於提前,

infinitifizz

附:

完全忘記了我還沒有發佈該網站的鏈接,這裏是我得到了一些臨時空間來承載它:Temp Hosting

+0

您正在使用哪種'doctype'?哪個Opera版本正確? – BalusC 2010-04-25 21:35:06

+0

Opera版本是最新版本:10.52,文檔類型是Transitional。 – 2010-05-02 13:24:40

回答

0

沒有獲得實際的現場使其很難回答,但你可以嘗試的東西如position: relative; bottom: 0將物品放置在底部。

+0

對不起,完全忘了,該網站是在:http://pentathlongb-yorkshire.co.uk/tomsmith/Beansheaf/hotel.html – 2010-04-26 21:03:18

+0

剛剛嘗試位置/底部的CSS,它並沒有爲Opera,IE或FF,但謝謝你的回覆。 – 2010-04-26 21:10:19

+0

其他人可以幫忙嗎?我真的不知道爲什麼110px(邊緣頂部或頂部 - 如果我使用position:relative)在FF和Opera和IE中有什麼不同?每個像素大小看起來都不一樣? – 2010-05-02 13:35:37