CSS 布局问题答案

【问题标题】：CSS Layout ProblemCSS 布局问题
【发布时间】：2009-12-04 00:13:00
【问题描述】：

在 Firefox 中看起来是正确的，但在 Internet Explorer 中当然存在问题。

页面主体显示不正确。左右 div 没有显示我试图让它们显示的白色背景。

【问题讨论】：

【解决方案1】：

您的 HTML 似乎已损坏。例如<div id="mainbody" 未关闭。通过验证器运行它并修复所有标记问题。

【讨论】：

【解决方案2】：

尝试在 css 中的 #left id 中分隔 background 的快捷方式。 IE 可能无法正确解析它。

#right div 看起来不错（我使用的是 IE7）。

【讨论】：

【解决方案3】：

正如我之前告诉你的，你需要更改<div id="mainbody" to <div id="mainbody">。

【讨论】：

【解决方案4】：

你有一个糟糕的文档类型，它会使 IE 进入怪癖模式，以及缺少标签、双字符集调用（应该是 UTF 而不是 8859）、重复的元标签等......

【讨论】：

【解决方案5】：

您还在段落标签内嵌套表格和列表，这对于您使用的文档类型来说是无效的标记。少数元标记未正确关闭以及所选文档类型也不允许的属性大写。样式表链接标记未正确关闭。表格中的图像标签未正确关闭，中断标签也未正确关闭。

先修复 html 错误，然后查看布局的位置。

祝你好运，希望这会有所帮助。

【讨论】：

【解决方案6】：

也许不能真正回答您的问题，但由于您似乎是在 Firefox 中开发，您可能想尝试HTML Validator 扩展。使这种开发变得容易得多。

【讨论】：