请帮我修复我网站上个人资料页面的CSS

Question

我不确定为什么我的网站上的关于字段，在IE7中航行（见http://img.skitch.com/20090629-t8mcp6tffd8kpwxrbk1rchc6wu.jpg）。 （例如，它在FF中看起来很好）。谁可以建议一种方法来解决它？

重现的步骤：

1. 转到http://j-in.org.ua:9000/account/login
2. 使用数据登录（登录：test，pass：test）
3. 您将看到与附加图像相同的内容：（

Answer 1

从我所看到的你需要有两列只有一个包含部分并在其中放置两个浮动div然后它们将坐在一起你可以根据自己的喜好进行调整。

content {

clear: both;
width: 950px;
padding-bottom: 10px;
background:#fff;
overflow:hidden;

}

contentLeft {

float: left;
display:inline;
width: 630px;
margin: 10px;
background:#fff;

}

contentRight {

float: right;
width: 270px;
margin-top:25px;
margin-right:15px;
background:#d7e5f7;

clear: both; width: 950px; padding-bottom: 10px; background:#fff; overflow:hidden;

显然，你需要调整列的大小以适应你的网站和颜色等，但是应该这样做。您还需要确保ContentLeft和ContentRight宽度不超过内容宽度（包括边距）。