Internet Explorer Div 宽度问题

Question

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

我想要什么： [ ( 图片 [ 标题 ] 图片 ) <--- 展开 100%---> ]

它在做什么： [ (image [ title <---expand 100%---> ] image ) ]

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

谢谢你！

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重置。它是 CSS 的一部分，试图删除浏览器的默认值，因为它们在不同的浏览器中可能会有所不同。当然，如果您向已设置样式的页面添加重置，则可能会破坏它。确保您编写的每个 CSS 都在重置之后出现。

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