Internet Explorer div 宽度问题

Question

我正在为 vBulletin 论坛制作模板，但其中一个标题有点棘手。 Internet Explorer 正在将其中一个 div 的宽度扩大 100%，或者比它应该的大得多。 FireFox 没有给我这个问题。

我想要的： [（图片[标题]图片）]

它在做什么： [(图片[标题]图片)]

对不起，我的解释不够详细。如果您需要更多信息，请告诉我！

谢谢！

HTML：

    <div class="forumhead-title">
        <div class="forumhead-left"></div>
        <div class="forumhead-main">
            <div class="forumtitle"><a href="{vb:link forum, {vb:raw forum}}" style="line-height: 42px;">{vb:raw forum.title}</a></div>
        </div>
        <div class="forumhead-right"></div>
    </div>

CSS：

.forumhead-left {
    float: left;
    width: 25px;
    height: 42px;
    background: url(images/versusmatch/gradients/h1-main-left.png);
}

.forumhead-main {
    float: left;
    height: 42px;
    background: url(images/versusmatch/gradients/h1-main.png) repeat-x;
}

.forumhead-main a {
    color: #000000;
    line-height: 42px;
}

.forumhead-right {
    float: left;
    width: 161px;
    height: 42px;
    background: url(images/versusmatch/gradients/h1-main-right.png);
    padding-right: auto;
}

Answer 1

您可以做一些事情来帮助覆盖浏览器的差异。

• 在您的文档中添加doctype。它会告诉浏览器应该如何解释页面。

• 使用css reset。这是一段试图删除浏览器默认值的 CSS，因为它们在不同的浏览器中可能是不同的。当然，如果您将重置添加到您已经设置样式的页面，它可能会破坏它。确保你写的每一个 CSS 都是在重置之后出现的。

如果这没有帮助，请发布代码以便我们进行调试。