html - 仅在 IE 中网站布局困惑

Question

我有一个使用 HTML 和 CSS 在 Dreamweaver 中构建的站点。

在所有浏览器(Chrome、Firefox、Safari)中，布局正是我想要的，除了 Internet Explorer 7，在 Internet Explorer 7 中，图像或图像底部行的布局完全困惑 - 要么太高要么太多正确的。我不知道为什么会这样，我是一个初学者并且已经尝试了所有我能想到的，如果有人能提供帮助，我将不胜感激。

网站在这里:http://www.mediadarling.co.uk/clients/lenistudios/

提前致谢!

Answer 1

您的 CSS 中有几处我不太明白:

#movers-row {
    ...
    margin: -120px 0 0 120px;

为什么顶部边距为负？这似乎是在 IE 7 中将图像拉得太远的原因。我真的不明白为什么它不在其他浏览器中；我想这与所涉及的花车有关。

#footer {
    ...
    margin-top: -130px;

这与另一个负的top margin有关吗？

无论如何，我认为您可以通过以下方式解决 IE 7 中的问题:

• 移除那两个负的顶部边距
• 在 IE 7(可能还有 IE 6)中添加 margin-top: 10px; 到 #imagerow(填充顶部不适用于某些 float )神秘的IE原因)

请参阅此处的示例代码:http://www.pauldwaite.co.uk/test-pages/5220698/

您的 HTML 中还有一些验证错误。我不认为它们导致了你的问题，但我首先修复了它们，因为当你试图追踪一个 IE 错误时，你真的不希望那里出现验证错误。 Here’s the validation of the page.