2011-06-27 180 views
0

在我的新網站www.unicmedia.nl/case/oranje我的浮筒有問題。在IE瀏覽器,他們工作(第一次哈哈),但FF和CH是關閉的。浮動右側和左側不能正常工作

我嘗試從字面上看,但似乎無法找到問題。我的CSS代碼根據w3c驗證程序是有效的。

希望你們能找到錯誤的東西!

屏幕:IncorrectCorrect

+3

您可能想要解釋預期的行爲和實際發生的情況。至少有一個截圖。 – JohnP

+0

除了驗證您的CSS,請驗證您的HTML標記。接下來,當你告訴我們你期望發生什麼,以及發生了什麼時,請更具體一些。最後,如果將代碼的相關部分發布到jsfiddle.net中,您可能會獲得更好的結果,因此我們可以主動編輯和測試它。 –

+0

我看起來很好。你想要什麼? – Matchu

回答

1

id爲內容的DIV =右應該有一定的寬度。請將其設置爲600px。

請注意,父元素應浮動,如果其中的一個子元素浮動。這就是爲什麼div#內容出現在孩子之外的原因。爲了讓父元素不浮動,你可以使用clearfix hack。在該頁面

http://www.positioniseverything.net/easyclearing.html

+1

謝謝,就是這樣!收藏了clearfix hack。 – Andre

+0

歡迎安德烈:-) –

0

看,我看到了類content-left一個div。它看起來很漂亮,但它也有25px的餘量。這就是你說的「路」的意思嗎?

您的內容右div也向左漂移。你想做兩列嗎?問題可能是你的正確內容有很多信息,所以它試圖成爲全角,所以不是浮動的。如果你強制它是一個特定數量的像素或百分比,那應該可以做到這一點。嘗試製作您的內容 - 左側width: 20%和您的內容右側width:80%

更好的是,從someone else's cross-browser column layout開始。

+0

20%和80%沒有爲我工作..感謝您的幫助! – Andre