IE7 CSS浮动问题

Question

我在IE7中设计的网站存在问题，特别是中小尺寸的分辨率。在div中左侧有一个 nav 元素， #content_inside 。 #page ，保留实际内容，然后适应浮动导航。现在，通过特定分辨率， #page 内容会下降到 nav 以下，这没有意义，因为 #page 不是浮动元素一点都不我在下面提供了一个链接供参考。

另一个问题是IE7呈现图像的方式，受影响最大的是图像的底部。边缘看起来波涛汹涌，质量低劣。这是一个已知的问题？它不会出现在任何其他平台上的任何其他浏览器中。

我认为浮动问题也可能出现在其他IE版本中。

在我在客户的工作场所浏览网站之前，我没有注意到这一点，他们在Windows XP上运行IE7。我已经尝试了很多修复并且问题仍然存在，所以任何帮助都会受到赞赏。

地址：http://alexjewell.com/clients/klineman/

非常感谢。

PS - 如果有帮助，该网站将以HTML5格式完成。

Answer 1

我必须诚实，这似乎很简单，你不会遇到这样的问题。

关于HTML5，我建议您阅读this article来处理IE7。

您似乎没有给这个页面宽度。这是故意的吗？

我写了a standard simple way of creating a 2 column layout，我认为可以帮助你。

希望这一切都有意义。

Answer 2

使用另一个div标签而不是nav标签会更容易吗？ IE可能无法识别，因为它是HTML5。

Answer 3

更改#page

#page{
    padding: 185px 10% 32px 350px;
}

到

#page
{
    margin-top: 185px;
    margin-left: 350px;
}

最好使用保证金来处理这些事情。