IE7 CSS浮动问题



我在IE7中设计一个网站时遇到了一些问题,特别是在中低分辨率的情况下。有一个nav元素浮动到div的左边,#content_inside#page,保存实际内容,然后适合浮动的nav。现在,在特定的分辨率下,#page内容会落在nav之下,这是没有意义的,因为#page根本不是浮动元素。我在下面附上了一个链接供参考。

另一个问题是IE7渲染图像的方式,那些最受影响的是在页面底部。边缘看起来凹凸不平,质量不高。这是已知的问题吗?它不会出现在任何其他平台上的任何其他浏览器中。

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

我没有注意到这一点,直到我在客户的工作场所查看网站,他们在Windows XP上运行IE7。我已经尝试了大量的修复,但问题仍然存在,所以任何帮助都是非常感谢的。

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

非常感谢。

PS -如果有帮助的话,网站是用HTML5完成的。

我必须诚实地说,这似乎足够简单,您不会遇到这样的问题。

关于HTML5,我建议你阅读这篇处理IE7的文章。

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

我写了一个标准的创建两栏布局的简单方法,我认为可以帮助你。

希望这一切都有意义。

使用另一个div标签代替nav标签会更容易吗?IE可能无法识别,因为它是HTML5。

更改#page

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

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

最新更新