2012-06-13 95 views
1

我試圖爲我的網站創建一個畫廊,所以我使用最大高度/寬度來調整照片大小,並且它在firefox和ie中不起作用。我也試過溢出:隱藏,並沒有修復它。 您可以在我的網站 - http://guyzyl.org/highlights.html上查看問題(在Firefox和IE中),點擊任何照片即可查看問題。提前致謝!最大高度/最大寬度在Firefox中不起作用,例如

+0

另一種方法是計算圖像的新大小。順便說一句...有一個錯誤在JS - 一個單一的;) –

回答

7

問題是您將錯誤的值分配給這些屬性。例如,您將寬度設置爲「100%」。該百分比指的是容器元素的寬度,其寬度是整個窗口的寬度。這張巨大的箭頭在左側偏移的照片因此從屏幕向右溢出。

你應該只是使用Firebug來玩屬性值來提出適當的東西。您應該考慮使用百分比來調整箭頭控件的大小。

2
vertical-align: top; 

對您的圖像似乎有幫助,但是您應該接受@Pointy的建議,因爲他所說的是正確的。

+0

我試圖實現這一點,它並沒有爲我工作 – guyzyl

0

以百分比設置高度是有問題的。嘗試在那裏使用一個像素,並且還要注意,在設置寬度和高度時,圖像的行爲不同於其他塊元素。

我會使用像素的最大高度和設置最大寬度與百分比..

+0

也設置vertical-align:top; @luca +1 –

+0

我想要根據瀏覽器大小調整圖片大小,以免無法使用 – guyzyl

相關問題