Делаю страничку просмотра объявления, с приложенными к нему одной или несколько фото. Идея в следующем, есть таблица из двух ячеек НЕфикрсированной ширины. В левую ячейку вставляется фото, и растягивается в месте с ней на всю ширину таблицы. Если же фото несколько, то в правую колонку вставляется ещё одна таблица с вложенными в неё миниатюрами остальных фото, после чего левая колонка основной таблицы должна пропорционально уменьшиться вместе с фото, уступив место правой ячейке. Ниже изложенный код работает во всех браузерх, кроме 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>
