IE7 Image Padding

Question

У меня есть простая функция, которая пытается вычислить высоту и ширину изображения, используя jQuery для окна слайд-шоу. Проблема, которую я вижу в IE7, состоит в том, что действительно необычные эффекты имеют ширину / высоту.

У меня есть изображение в Firefox, и возвращаемое значение составляет 450 x 324 [ширина / высота] со значениями CSS

border:0 none;
float:right;
padding:20px 10px 30px 10px;
width:450px;

В IE7 он дает мне ширину 470 и высоту 374? Как мне рассчитать «реальные» значения?

Answer 1

Старая блочная модель IE (также известный как режим причуд) включала отступы по ширине и высоте, а блочная модель W3C (стандартный режим) - нет.

Если вы используете тип документа xhtml или html5, IE7 будет отображаться в стандартном режиме, и это больше не будет проблемой.