两栏侧边栏不能正确呈现

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：如果我可以学会阅读这些天之一。好吧，这个解决方案将使其成为您想要的一列。你只是不知道它呢:)