Question

我花了太多时间试图让它在IE 7上运行。它正在使用ff，验证器上出现的唯一错误是缺少图像的alt标签（9个错误）。

除了这一部分之外，整个网站都有效，所以我想知道是否有一个我不知道的怪异浮动bug。

我有一个带有图像的div。在图像下我有3个包含图像的div。 div顶部的图像与其下方的div之间存在微小的差距

这是我的代码：

<div class="header_banner">
                <img src="html_images/banner.jpg" />
<div class="header_left"></div>
<div class="header_main" id="header_menu">
    <ul>
        <li><a href="index.php">Home</a></li>
        <li><a href="studio.php" rel="show_studio">Studio</a></li>
        <li><a href="school.php" rel="show_school">School</a></li>
        <li><a href="#" rel="show_events">Events</a></li>
        <li><a href="#">Shop</a></li>

    </ul>

</div>
<div class="header_right"></div>
</div>

这是CSS：

.header_banner
{
float:left;
width:531px;
}

.header_left
{
float:left;
background-color:#003399;
background-image:url('../html_images/header_left.jpg');
background-repeat:no-repeat;
background-position:48px;
width:55px;
height:33px;
}

.header_right
{
float:left;
background-image:url('../html_images/header_right.jpg');
width:7px;
height:33px;
}

.header_main
{
float:left;
background-image:url('../html_images/header_main.jpg');
background-repeat:repeat-x;
width:426px;
height:33px;
}

如果我只是遗漏了一些东西，我不会感到惊讶，但我现在已经阅读了3次。有任何想法吗？（我设置了背景颜色，以确切了解间隙的位置）

由于

Answer 1

我建议使用reset stylesheet（或在样式表的顶部插入重置样式）。它可以帮助您避免各种问题，例如您所看到的问题。

Answer 2

你是对的;它可能是一个资源管理器错误。以下是一些更多信息：http://www.positioniseverything.net/explorer/floatIndent.html

IE处理边距似乎是一个问题。看看定义边距（在这种情况下为0px）是否有帮助。

Answer 3

您是否尝试将style="display:block;"添加到img元素中？

我还记得读过标签后的空格可能会导致问题。尝试通过删除空格来调整标记：

<div class="header_banner"><img src="html_images/banner.jpg" /><div class="header_left"></div> etc..

奇怪的IE漏洞？

3 个答案: