ie/firefox和Chrome的某些寬度的CSS問題

Question

我正在建立一個WordPress的網站，我希望內容區域在滑塊圖像上方「碰撞」。我自己創建了一個緩衝區，但是我對它內部的內容存在問題。該內容不適合Firefox & IE中的凹凸。在谷歌C​​hrome，一些瀏覽器的寬度符合正確的內容，而其他瀏覽器的尺寸不

下面是該網站的鏈接：http://192.185.167.175/~laurente/belle/

我曾嘗試用不同的利潤率/填充和無法工作似乎得到它工作。

我不能發佈圖片，因爲我沒有足夠的聲譽，但綠盒應該低於bumpout的頂部坐10px的，因爲我已經寫在我的CSS「填充頂：10px的」

如果將瀏覽器大小以鉻形式顯示，您可以看到我的意思

幫助！請！

Answer 1

您可以刪除margin-top：-60px;並替換爲top：-60px;

這應該解決您的問題。

祝你好運建立你的主題。 :)

Answer 2

Dynamicad，

如果我的理解，你只需要刪除margin-top: -60px從.main-outer-wrapper

希望它能幫助。