Проблема ширины раздела Internet Explorer

Question

Я работаю над шаблоном для форума vBulletin, и у меня возникают проблемы с одним из заголовков, который немного сложнее. Похоже, Internet Explorer расширяет ширину одного из div на 100% или намного больше, чем следовало бы. FireFox не дает мне этой проблемы.

Что я хочу: [(image [title] image) <--- развернуть на 100% --->]

Что он делает: [(изображение [название <--- увеличить 100% --->] изображение)]

Извините, мое объяснение не является более подробным. Если вам нужна дополнительная информация, дайте мне знать!

Спасибо вам!

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

Есть некоторые вещи, которые вы можете сделать, чтобы преодолеть различия в браузерах.

• добавить тип документа к вашему документу.Это скажет браузерам, как они должны интерпретировать страницу.

• Используйте css reset .Это какой-то фрагмент CSS, который пытается удалить значения по умолчанию для браузеров, поскольку они могут различаться в разных браузерах.Конечно, если вы добавите сброс к уже стилизованной странице, он, вероятно, сломает ее.Убедитесь, что все написанные вами css приходят после сброса.

Если это не поможет, опубликуйте код, чтобы мы могли его отладить.