IE7 проблема с SIFR, когда <br> внутри H3

Question

У меня есть проблема, которую я только что обнаружил при просмотре определенных страниц в IE7. Если у меня очень длинный заголовок, который переносится на вторую строку, или, что еще хуже, если я помещаю BR в середину, это сбрасывает пробел.

Одна страница для просмотра:

неработающий пример1

Вы заметите, что поле в верхней части страницы смещается при визуализации заголовков, отбрасывая все.

Я использую такой код:

<h3 style="margin:0"><a href="../books/msc1.html">Middle School Confidential™<br>
Book 1: Be Confident in Who You Are</a></h3>

но повторил много раз, чтобы преувеличить проблему.

Я попробовал другой тест, где я удалил BR и позволил линиям оборачиваться естественно. Это улучшение с точки зрения расстояния, но это не решает проблему. (Тот же URL, но сделайте его m1.html)

В третьем примере каждый заголовок занимает только одну строку (m2.html)

Один из вариантов - просто разделить заголовок на две строки, каждая со своими тегами H. Но так как это ссылки, то может показаться, что первая строка может перейти в одно место, а вторая - в другую, так как они не будут менять цвет одновременно при наведении на них курсора.

Итак, какие-либо решения для этого?

Я считаю, что у меня есть текущая версия sIFR 3. Я не хочу обновляться до IE8, пока не узнаю, что это решено.

Спасибо!

Answer 1

Я полагаю, что проблемы связаны с тем, что IE7 не обрабатывает относительные размеры ваших шрифтов.

попробуйте изменить ваш CSS от:

.sIFR-active H3
{
    font-size: 140%;
}

и переопределите относительный размер шрифта и высоту строки статическими значениями, такими как:

.sIFR-active H3
{
    font-size: 18px;
    line-height:;
}

надеюсь, что это указывает на правильное направление.