Mozilla 和 IE 中的填充问题答案

【问题标题】：Padding Issues in Mozilla and IEMozilla 和 IE 中的填充问题
【发布时间】：2012-09-25 20:01:55
【问题描述】：

网址：http://onedirectionconnection.com

我的网站在 Internet Explorer 中出现填充问题（一如既往）

在 Chrome 和 Mozilla 中，该网站很好（至少在最新版本中）。在 Internet Explorer 上，我的 cmets div 的填充不起作用。

基本上，左边大约有 300 像素的填充，右边大约有 60 像素，内容为 67 像素，因此评论编号可以放在每个帖子底部的粉红色框中。

在 IE 中，右侧的填充不呈现。如果有人知道问题可能是什么，我们将不胜感激！

【问题讨论】：

我们应该查看该页面的哪一部分？
你应该先validate your HTML。 IE 讨厌无效的 HTML。

标签： html css internet-explorer padding

【解决方案1】：

您处于怪癖模式。你的 DOCTYPE 一定有问题。

编辑

使用这个：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

【讨论】：

如果按 F12 并将文档模式更改为 IE9、IE8 或 IE7，则可以正常工作。
对不起，这么晚才回复你（大学有点忙）。我尝试使用这个 doctype，它在我的表格之间创建了空格，这些表格将我的拆分图像标题放在一起。我目前正在尝试验证我的 html 的过程，希望这会有所帮助...
您也不能有任何高于 DOCTYPE 的内容。这包括 cmets 和 PHP 代码。
表格之间的空间，不要再用表格来排版了。这不仅是错误的，而且是一种痛苦。改用 div 和 CSS。谷歌“divs vs tables”，你会得到很多关于它的信息。

【解决方案2】：

使用这种风格可能会有所帮助

 html,body{
  margin:0;
  padding:0;
}

【讨论】：

尝试添加 sn-p... 仍然有问题。 :-(

【解决方案3】：

您在 HTML 上方有一个 html 注释块

<!--THIS INCLUDES HEADER.PHP-->

这会使 IE 进入 Quirks 模式。删除它，看看它是否有帮助。

【讨论】：

奇怪的是该评论不在我实际的 header.php html 中。在我上传标题之前，该评论不会出现，我不确定它来自哪里。

【解决方案4】：

首先，使用http://w3.validator.org 查看您的 HTML 是否有问题。我还看了你的 CSS，没有 CSS 重置。 Internet Explorer 不遵循相同的盒子模型，这可能是导致问题的原因。您可能应该考虑使用 Eric Meyer 重置作为初学者，然后对其进行修改以满足您的需要。您可以在此处找到 Eric Meyer 重置：http://meyerweb.com/eric/tools/css/reset/

【讨论】：