Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Картинка в ячейке таблицы


Автор: SAVe 5.8.2008, 14:42
Здравствуйте. Столкнулся с такой проблемой при отображении картинки в ячейке таблицы в IE:

Есть разметка:

Код

<table style="height:100%;width:100%;">
<tr>
<td   style="width:20%;">
<img  src="images/st.jpg" style="height:100%;width:100%;border-width:0px;" />
</td>
....
</tr>
....
</table>


При отображении в Opera картинка подгоняется (сжимается) под размеры ячейки. А при отображении в IE ячейка растягивается под картинку (соответсвенно меняется заданная ширина столбца). Как сделать так что бы в IE картинка вписывалась в заданные размеры ячейки (т.е. отображалась как в Opera) ?

Заранее спасибо за ответы.

Автор: bars80080 5.8.2008, 14:49
слабая надежда, но может быть если установить размеры для html и body, хотя бы по 100% на ширину и высоту, поможет?

Автор: SAVe 5.8.2008, 15:49
Нет , не сработало. Размер картинки меняется только при задании абсолютных значений. 

Автор: bars80080 5.8.2008, 16:18
ну, попоробуй ещё обернуть картинку в див с соответствующими процентами, иногда помогает такая прослойка

Автор: SAVe 5.8.2008, 17:02
То же не получается. Похоже в IE размером картинки можно управлять только задавая абсолютные размеры.

Автор: Gold Dragon 5.8.2008, 20:16
а уверены что проценты для картинки это валидно?

Автор: SAVe 6.8.2008, 09:53
Opera корректно обрабатывает такую разметку. Даже картинку жмёт пропорционально. IE не жмёт картинку , а растягивает таблицу. Причём если поместить картинку в div то он отображает сжатую картинку , а ячейку таблицы растягивает по размеру исходной картинки.

Автор: Gold Dragon 6.8.2008, 10:40
при этом не работает
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">

Автор: K1ng 8.8.2008, 10:37
Валидно только процентное значение ширины картинки... (По крайней мере в 4.01)

Добавлено через 3 минуты и 31 секунду
Валидно только процентное значение ширины картинки... (По крайней мере в 4.01)

Автор: IBS 8.8.2008, 12:17
Попробуй задать без style, просто  <img src="" width="100%" height="100%" border="0">

Автор: gta4kv 12.8.2008, 03:24
IBS, 
на сколько я знаю указывать width && height - не является валидным. (По XHTML 1.0 Strict)

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)