2012-02-01 90 views
1

我有一個浮動divs this page that I'm working on奇怪的問題。頁面中有3個頁面,間隔1em。在Chrome瀏覽器中,它們排列得很完美,但在IE和FF中,右邊的一個會稍稍下降 - 但不是全部。我想這可能與圖片來最好的描述,請參閱以下內容:浮動的股利下降在其他人在IE和FF

Illustration of positioning problem.

我想不通其中的CSS位是造成這一點 - 我已經通過了新的FF檢驗員代號使用webdev工具欄突出顯示所有塊級對象,但無法看到會導致此類丟棄的任何內容。

我確實想知道它是否是JS twitter feed中的內容引起的,但我已經在Twitter和「更新」框中進行了交換,而且它總是在右側。我也嘗試從頁面中移除其他元素 - 菜單和這三個框之間的所有內容。

我必須承認,我在智慧的結尾!任何人都可以發現我錯過的東西嗎? CSS是相當大的,我不確定顯示哪個位,所以我沒有複製它,但會做任何人的願望。否則,一切都可以在http://www.woodexperts.com

+1

工作在我的所有瀏覽器中都很好。如果你打算支持IE7,整個網站看起來都相當混亂。 – 2012-02-01 01:20:11

+1

我還沒有正確地通過它,但在IE9中,如果你改變'div#main div.tricolumn''padding-right:1em'到'padding-right:0.9em',它是固定的。如果這是「足夠好」作爲答案,讓我知道.. – thirtydot 2012-02-01 02:21:45

+0

@JamesHay謝謝,我沒有發現 - 典型! – n00dle 2012-02-01 15:10:35

回答

3

變化width: 15.25emdiv#main div.tricolumnwidth: 15.24em

這應該把這個問題的關心。

+0

謝謝,我認爲這不是間距問題,因爲我原以爲會迫使它一直到下一行,但這是正確的答案。 – n00dle 2012-02-01 15:12:26