2009-08-21 81 views
0

http://www.publicgathering.net/temp/fluidvert.html可變維流體圖像,垂直和水平中心的

有趣的是這裏的問題是在所有的東西的Firefox。每個頁面的單個圖像,可變的高度和寬度,必須是垂直和水平居中的,必須是流動的(爲較小的瀏覽器窗口縮小),我只是尋找最近的瀏覽器支持(IE8,Chrome,FF3, Safari)

根據瀏覽器的寬度調整圖像大小(較小)。

它在IE8,Chrome和Safari中正常工作,但不是FF。我意識到它是因爲FF沒有正確註冊寬度。 (例如,你把圖像放在100%寬的div中,這很好。)簡單地使用真正的表也不起作用。

有沒有辦法強制Firefox識別表格/ div的寬度?或者更簡單的方式來垂直居中變量內容?

另一個說明:有沒有人發現這很奇怪,這是FF在這種情況下的默認行爲?

+0

我不認爲有一種方法可以在CSS中可靠地執行此操作,但有一種方法可以在大約4行javascript中執行此操作。 – Zoidberg 2009-08-21 16:58:09

+0

好吧,可以工作。你有什麼建議? – dzuc 2009-08-21 17:11:36

+0

究竟是什麼不工作?尺寸,垂直居中或水平居中? – Guffa 2009-08-21 17:35:37

回答