CSS和HTML：Div在Chrome瀏覽器中對齊但不在Firefox中

Question

我正在嘗試在此處創建着陸頁：http://www.serik.me並且它在Chrome瀏覽器中看起來不錯，但在Firefox中不起作用。具體來說，#bottom ID會被推送到#righthalf ID中。

當我試圖驗證CSS時，我遇到了一堆嵌入式閃存的錯誤。我也嘗試了各種定位修正（絕對，相對，浮動等），但似乎沒有任何工作。

這是我在HTML中的問題嗎？

任何想法我做錯了什麼？我希望底部的三個圓形表格集中在整個頁面上方的內容下方。提前致謝！

Answer 1

添加到您的樣式表：

.bottom {clear:both} 

這應該是你所需要的。對不起，我無法解釋爲什麼它可以在Chrome瀏覽器中運行，而不是在Firefox中運行，但至少應該讓你順其自然。 （在FF4中測試）

底部並不是真正居中，但在Chrome中看起來與FF中的相同。

我沒有看到你的html的任何主要問題，雖然它沒有驗證alt屬性和嵌入的東西。那些不應該影響你的佈局。

祝你好運，該網站看起來不錯。