Internet Explorer 6 上 wordpress 网站的不需要的空白（可能填充）答案

【问题标题】：Unwanted White space (poss padding) for wordpress site on Internet explorer 6Internet Explorer 6 上 wordpress 网站的不需要的空白（可能填充）
【发布时间】：2014-02-09 10:22:48
【问题描述】：

我在标题图像周围有不需要的空白，但这只能在 IE 7 后面看到，IE 8 和其他浏览器可以完美地显示它。

如果有人能指出我如何纠正这个问题的正确方向，那就太好了。

提前致谢

提姆

【问题讨论】：

如果您可以发布链接，或者至少是 css 和 html 代码...
确定，是您需要的 style.css 文件吗？
属于header的css + html，但是有博客的链接会更有帮助

标签： wordpress internet-explorer-6 internet-explorer-7 header padding

【解决方案1】：

IE 使用非标准的盒子模型，并且可以在 html 中进行调整以处理基于 IE 的怪异。这主要是因为它是一个 HTML 注释语句，因此被 IE 以外的浏览器忽略，但 IE 捕获它并知道运行代码。这适用于小于 10 的 IE 版本。

我在几年前做过，通过快速的网络搜索，我在http://www.quirksmode.org/css/condcom.html 找到了一些示例。

基本上你插入诸如

之类的代码

    <!--[if IE 6]>
    Special instructions for IE 6 here
    <![endif]-->

在标题中可能是

    <!--[if IE 6]>
        <style type="text/css">
            img {margin-top: -10px;}
        </style>
    <![endif]-->

或仅在 IE 6 或更早版本中链接 css 文件

    <!--[if lt IE 6]>
        <link rel="stylesheet" type="text/css" href="url to stylesheet for IE">
    <![endif]-->

在 WordPress 中，您可以使用管理页面中的编辑器将其潜入。我使用谷歌Chrome浏览器，通过右键/Inspect Element找到我需要更改的对象的ID，然后添加适当的代码进行调整。

【讨论】：