HTML/CSS：我的迷你聊天在 IE 中溢出答案

【问题标题】：HTML/CSS: My Mini-Chat is overflowing in IEHTML/CSS：我的迷你聊天在 IE 中溢出
【发布时间】：2010-04-15 06:36:51
【问题描述】：

这是另一个 IE 交叉兼容性问题。我的网站 www.zerozaku.com 与 Chrome 和 Firefox 兼容，但 IE 存在问题，即我的 Mini-Chat 开箱即用。有人可以帮忙吗？

附：我只在IE8、Firefox、Chrome上测试过

【问题讨论】：

GIGO：validator.w3.org/…
我从 IE 收到此错误：网页错误详细信息用户代理：Mozilla/4.0（兼容；MSIE 8.0；Windows NT 5.1；Trident/4.0；.NET CLR 1.1.4322；.NET CLR 2.0。 50727；.NET CLR 3.0.4506.2152；.NET CLR 3.5.30729）时间戳：2010 年 2 月 16 日星期二 11:59:09 UTC 消息：预期标识符、字符串或数字行：24 字符：2 代码：0 URI：@987654322 @
正如@David 所说，首先让您的 HTML 变得清晰。未正确关闭的标签是导致框溢出的主要原因之一。
我的 XHTML 现在更干净了，但是这些错误都与我的 Mini-Chat 没有任何真正的关系，以及为什么它与 IE 不兼容。

【解决方案1】：

列表<link rel="shortcut icon" href="favicon.ico"> 上的第一个错误需要像<link rel="shortcut icon" href="favicon.ico" />这样的结束标签

此外，如果您尝试在您的页面上运行验证器，您会注意到您有 50 多个标记错误，我敢打赌这些错误会导致 IE 中的错误行为。

【讨论】：

我现在已经成功、完全地验证了 index.html 页面。什么都没有发生，只是我的代码现在看起来更专业了。
没有改变，但至少现在我们可以开始正确调试了，因为我们知道没有标记错误。 #mChatData .body { 浮动：左；边距顶部：-39px；宽度：100%；从该类中删除宽度和上边距。在作为 .avatar 和 .body 容器的 div 上设置一个溢出：隐藏并调整 .body 样式，使其再次看起来不错（删除左边距等），它应该在 IE 中工作。就像现在完成的那样，这并不是真正的最佳实践。

【解决方案2】：

我刚刚将 XHTML 和 CSS 重组为与 IE 兼容。

【讨论】：