Question

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

我想要的： [（图像[标题]图像）＆lt; ---扩展100％---＆gt; ]

它在做什么： [（image [title＆lt; --- expand 100％---＆gt;] 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 reset。尝试删除浏览器默认值的是一些CSS，因为它们可能在浏览器之间有所不同。当然，如果您将一个重置添加到您已经设置过的页面，它可能会破坏它。确保你写的每个css都在重置后出现。

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

Internet Explorer Div宽度问题

1 个答案: