IE7误解了我的HTML

Question

该网站在IE8，Mozilla，Safari和Chrome中显示良好，但IE6 / 7确实将其搞砸了。 我一直在尝试修正布局，但我准备放弃。 使用BBEdit和PSPad编码的Wordpress 3.0，托管在Yahoo上（糟糕，但不是我的选择）。

网站：yovinomd.com

在IE8开发工具中，HTML都是错误的。 由于某些原因，！DOCTYPE前面有2个空行，它们未出现在PSPad或BBEdit中。 它将！DOCTYPE呈现为已注释掉的空文本节点。 HTML的其余部分已损坏：IE认为标题仅包含我的页面标题，并将元数据和脚本放入注释掉的body标签中。 我以前从未见过，但我认为它破坏了HTML并引起了布局问题。

IE开发人员工具屏幕截图： http ： //img405.imageshack.us/i/iedev.jpg/

这可能是DOCTYPE问题吗？ 我的理解是，过渡版将被IE读取为“严格”，这应该很好。

Answer 1

您的页面以两个换行符（0x0A）开始，然后是字节顺序标记（BOM）。 由于BOM表不是文件中的第一个字节，因此它们被视为可显示的字符数据，因此解析器将推断正文的开始。 后面的所有内容都会放入正文中，除非在解析器中内置了特殊规则，否则执行其他操作。 在IE中，这意味着标题会放在首位。 在Firefox中，标题和元元素移到最前面。

如果可以删除两个开始的LF，则应该更明智地进行解析，但还应确保页面能够通过验证。 目前距离这还有很长的路要走。

Answer 2

根据firebug的说法，在div＃sidebar中，您有一个ul，其中一个li，div然后是另一个li，但是在IE-7选项卡中使用IE-tester对其进行检查仅显示了li元素，而在ul之外的li上？

我认为您的html中有一个错误（未关闭标签），或者IE7无法处理li元素之间的div（请参见div本身还包含li元素），但我不确定是这样的。

另外，您似乎有很多错误，例如在多个地方使用相同的ID ... http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fyovinomd.com%2Fmd%2F

Answer 3

我修复了HTML（删除了UL中的DIV），并消除了！DOCTYPE之前的空行之一（仍然停留在其中，但它可以工作）。 我下载的jQuery插件已损坏，因此由于它破坏了脚本的其余部分，因此将其完全删除。

它可以在IE7中运行，但是我的头版新闻摘录清除了浮动日历时出现了一个错误。