Помощь в определении размера изображения в ie

Question

У меня есть некоторая разметка, (я знаю, что она не использует css - это ограничение в моей среде), это выглядит так:

<table width="100%" cellpadding="5">
<tr><td  width="60%">
    <img src="../images/oracle_memory.gif" alt="oracle_memory.gif" width="100%"/>
</td>
<td>
</td>
</tr>
</table>

То есть, изображение всегда отображается в размере 100% от его исходного размера, в других браузерах (Chrome, Firefox) изображение масштабируется, чтобы заполнить 100% размера ячейки - это то, что предназначено ...

есть ли конкретный хак или синтаксис, который заставит это изображение вести себя согласованно во всех браузерах?

ТИА

Answer 1

Вы устанавливаете ширину изображения, а не ширину стиля изображения.

Изменение:

<img src="../images/oracle_memory.gif" alt="oracle_memory.gif" width="100%" />

В

<img src="../images/oracle_memory.gif" alt="oracle_memory.gif" style="width:100%;" />

Я даже думаю, что IE прав в этом случае.

Answer 2

Что произойдет, если удалить ширину = "100%" из тега изображения?

Если это всегда 100%, вам вообще нужно это значение стиля?

Вы не масштабируете размер изображения.

Просто мысль ...

Answer 3

Попробуйте кое-что попробовать.

• Попробуйте использовать ширину = "наследовать" на img или используйте стили min и max-width на td и img, пока не получитечто вы хотите.

• если вы знакомы с javascript или jquery, вы можете просто получить ширину родительского элемента (td) и установить для этого ширину изображения.Это заставит изображение загружаться в масштабе, соответствующем родительскому контейнеру.

Или вы можете задать свой td id = "xyz" и сделать это встроенным:

<img width="javascript:document.getElementById('xyz').width">

• Установите инструменты разработчика, установленные в IE, чтобы вы могли просматривать DOM, изменять стили и т. Д., Пока вы не получите то, что вам нужно.

Answer 4

используйте style="max-width:auto;" вместо максимальной ширины: 100%; "