兩欄側邊欄不能正確呈現

Question

本網站過去看起來不錯，然後wordpress升級。沒有其他變化。側邊欄以一列開始，然後分成兩列。兩列設置爲兩個div，一個浮動左邊，一個浮動右邊。它在FF上看起來很好，但就是這樣。它在Mac上的Safari和PC上的主要瀏覽器上搞砸了。有關如何修復它的任何建議？

下面是完整的網站，如果你想查看源代碼：http://girlgonemom.com/

這裏的CSS：

#content { 
border-right:2px solid #abcfcb; 
margin: 20px; 
width:630px; 
float:center; 
padding-right: 10px; 
} 
#primary { 
float: right; 
overflow: hidden; 
width: 310px; 
} 
#secondary { 
float: left; 
overflow: hidden; 
width: 150px; 
} 
#third { 
float: right; 
overflow: hidden; 
padding-left: 5px; 
width: 150px; 
list-style-type:none; 

} 

Answer 1

我無法看到third div。我覺得你評論過它？在任何情況下，你應該嘗試以下...

1. 嘗試float的third div離開以及
2. 更重要的是，同時降低了secondary和third的div。從5px開始，看看是否有效。

Answer 2

你應該有兩個#secondarywidth: 310px;和#third，而不是他們有width: 150px。

即使在那之後，這些廣告仍然存在一些「問題」。但是，你可以添加text-align: center;to your #secondary然後text-align: left;到您的輔助標題#secondary #text-17 h3

這是修復它：

#content { 
border-right:2px solid #abcfcb; 
margin: 20px; 
width:630px; 
float:center; 
padding-right: 10px; 
} 
#primary { 
float: right; 
overflow: hidden; 
width: 310px; 
} 
#secondary #text-17 h3 { text-align: left; } 
#secondary { 
float: left; 
overflow: hidden; 
width: 310px; 
text-align: center; 
} 
#third { 
float: right; 
overflow: hidden; 
padding-left: 5px; 
width: 310px; 
list-style-type:none; 
} 

不是真的有必要，但因爲這是很容易的，繼承人例如它與添加的代碼： http://www.csspivot.com/R7CUE

編輯：沒有采取一些東西進去之前..

編輯2：如果我可以學會閱讀這些天之一。好吧，這個解決方案將使其成爲您想要的一列。你只是不知道它呢:)