Масштабируемость IMG в таблице.

[sladki]

Делаю страничку просмотра объявления, с приложенными к нему одной или несколько фото.

Идея в следующем, есть таблица из двух ячеек НЕфикрсированной ширины. В левую ячейку вставляется фото, и растягивается в месте с ней на всю ширину таблицы. Если же фото несколько, то в правую колонку вставляется ещё одна таблица с вложенными в неё миниатюрами остальных фото, после чего левая колонка основной таблицы должна пропорционально уменьшиться вместе с фото, уступив место правой ячейке. Ниже изложенный код работает во всех браузерх, кроме IE. В IE, левая колонка распирается на всю ширину таблицы, а правая ячека выпирает за пределы div'a.

Как изменить код, чтобы задумка работала и в IE?

CSS:

.content {width:400px; background:#333; padding:10px;}
.photo {border:1px solid #E5E5E5; background:#FFF;}
.photo-mini {margin:10px 10px 0px 0px;}

HTML:

<div class="content">

<table width="100%" cellspacing="0" cellpadding="0" class="photo">
	<tr>
	   <td width="100%" valign="top" style="padding:10px;">
			<img src="" width="100%"/>
	   </td>
	   <td  width="" valign="top">
		  <table width="53" cellspacing="0" cellpadding="0" class="photo-mini">
			<tr><td><img src="" width="53" /></td></tr>
			<tr><td><img src="" width="53" /></td></tr>
			<tr><td><img src="" width="53" /></td></tr>
			<tr><td><img src="" width="53" /></td></tr>
			<tr><td><img src="" width="53" /></td></tr>
		  </table>
	   </td>
   </tr>
</table>

</div>

Edited October 16, 2010 by sladki

[psywalker]

Покажи скриншот того, что должно получится в итоге.

[mishka]

попробуй

table { table-layout: fixed; }

[sladki]

от table { table-layout: fixed; } ещё хуже.

Помогло <img src="image.jpg" width="100%" style="zoom:0.5;"/>

Спасает любое значение zoom < 1, картинка становится нужного размера вместе с ячейкой.

Всем спасибо, вопрос закрыт!)

Edited October 16, 2010 by sladki