h2 externalWidth в IE 7 короче, чем IE 8

Question

Я столкнулся с проблемой сегодня, когда я внедрил исправление в нашем проекте.

Я обнаружил, что externalWidth для h2 в IE 7 короче, чем в IE8 (FF, Chrome и т. Д.).

Вот мой код:

var h2width = $('.test h2').outerWidth(true)

h2width составляет 135 пикселей в IE8 и 78 пикселей в IE7.

У вас есть какие-нибудь идеи для этого?

Заранее спасибо!

Редактировать:

Чтобы предотвратить эту проблему, я добавил код для различения браузеров.

if ($.browser.msie && $.browser.version.substr(0, 1) <= 7) {
var h2width = $('.test h2').outerWidth(true) + 57;
} else {
var h2width = $('.test h2').outerWidth(true);
}

Answer 1

Браузеры отображают HTML по-другому, так что это не так уж странно.Используйте Firebug или другой инструмент разработки, чтобы просмотреть фактический размер вашего тега h2.Скорее всего, они разные.

Также обратите внимание, что ваш селектор $('.test h2') возвращает коллекцию соответствующих элементов.