Изображение CSS не отображается в Проводнике

Question

У меня есть страница, сгенерированная ajax / jquery на http://chainery.comoj.com/test.html. Эта страница является HTML, сгенерированной http://chainery.comoj.com # anklets . Проблема в том, что изображение товара не отображается. Я думаю, что моя проблема заключается в CSS, так как ни страница ajax, ни страница html не показывают изображение слева от описания продукта. Похоже, что ссылка и изображение есть в домике исследователя, но не отображаются. Все показывает в FF и сафари. Также IE не отображает никаких ошибок, которые я вижу.

Спасибо за любые советы или решения, Тодд

Answer 1

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

Если вы посмотрите на сгенерированный источник на своей странице, тег img, с которым у вас возникли проблемы, будет выглядеть примерно так:

<img class="itempic" src="images/products/anklets/thumbnails/SSA-40_thumb.jpg" alt="Ravina - Ravina - A hana-gusari anklet" title="Click image for larger view" height="" width="">

Если вы посмотрите на это, вы заметите, что атрибуты height и width установлены в пустую строку (""). Я предполагаю, что Firefox щедро игнорирует эти атрибуты, и IE жестоко их применяет. Это означает, что в IE высота и ширина вашего изображения равны 0, поскольку это самое близкое числовое значение, которое IE может получить из "".

Попробуйте изменить то, что есть в вашем скрипте, который создает этот тег, чтобы либо установить подходящую высоту и ширину, либо вообще не добавлять эти атрибуты.