Internet Explorer 6上wordpress站点的不需要的空白区域(poss padding)

时间:2010-04-01 15:06:45

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

我有关于标题图像的不需要的空白区域,但这只能从IE 7中看到,IE 8和其他浏览器完美地显示它。

如果有人能够指出我正确的方向如何纠正这一点那么那就是制造。

提前致谢

1 个答案:

答案 0 :(得分: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中,您可以使用管理页面中的编辑器进行隐藏。我使用谷歌浏览器浏览器,右键单击/检查元素找到我需要更改的对象的ID,然后添加适当的代码进行调整。