有IE7和浮动元素的问题（当然）

Question

我正在开发一个包含元素的网站，左侧和右侧边栏，每个都在包装内浮动。左侧边栏（包含导航）正在清除右侧边栏并由于某种原因将其推到底部。我试过用大约50种不同的方法来修复它。我原本以为改变尺寸和/或边距会有所帮助。它没有。我试过'display：inline'修复无济于事。我已经尝试了很多其他的调整，但我无法让它工作。您可以在www.ibgs2010.org上查看该站点，而css是www.ibgs2010.org/css/style.css（我正在尝试使用IE7特定的样式表来修复它）。如果有人可以提供帮助，我真的很感激。我今天已经烧了大约3个小时，试图解决这个小问题。

Answer 1

看起来问题在于ajaxloader div - 将其宽度设置为697px（与右侧边栏相同），这应该可以解决您的问题。

Answer 2

尝试删除侧边栏类中的边距和填充，并使用内部包装器设置边距和填充。这种方式更安全，因此边距不会增加div元素的大小。浏览器使用不同的方式将边距和填充渲染到元素。

希望能帮到你。

干杯

Answer 3

我认为这只是浮动内容被认为太宽而不适合 - 因此，将浮动降低到它的位置。

您可以分别使用float和position尝试left而不是right：

.content.wrapper {
   position: relative; /* establish boundary for absolute positioning */
}

.sidebar.left {
   position: absolute;
   top: 0px;
   left: 0px;
}

.sidebar.right {
   position: absolute;
   top: 0px;
   right: 0px;
}

Answer 4

我建议你添加以下内容：

#ajaxloader {
    width: 737px;
    float: left;
}

737px的宽度来自697px宽度加上.sidebar.right的40px左边距

通过这个添加，IE7和Firefox版本应该看起来相同，给出或取一个像素。

Answer 5

我将yahoo reset css包含在每个页面（或css文件）的开头。这有助于平衡比赛场地。还有IE，总是记得指定宽度（即使它是100％），如果你的浮动，请确保显示：内联。