Есть таблица с 3 колонками, в первой колонке названия некоторых свойств, во второй их значения, а в 3-й колонке с rowspan равным числу строк в первых двух располагаются в столбик картинки. Проблема в том что иногда картинок бывает мало и под ними остается много пустого места. Высоты строк заранее не известны и могут меняться, т.к. часть данных, если их много, прячется в hidden div и показывается скриптом. Можно ли как-то положить картинки в блок со скроллом фиксированных размеров, выровнять его по правому верхнему краю и заставить таблицу с данными обтекать его? Т.е. хотелось бы чего-то такого. Как это есть сейчас можно посмотреть здесь

Еще есть проблема с тем что иногда нужно другую таблицу впихнуть в ячейку таблицы (см. внизу), она может разорвать страницу т.к. слишком широкая, поэтому сейчас лежит внутри div с прокруткой. Подскажите можно ли этот div заставить занимать все свободное место в ячейке (сейчас у него фиксированная ширина). при попытке поставить width=100% ширина div равна ширине содержимого и страничка рвется.

Заранее спасибо.

По поводу второго вопроса - обычно, когда ширина диву не указывается, то она автоматически занимает всё предоставляемое место. можно также попробовать поставить ему свойство min-width - минимальная ширина, и max-width - максимальная. Но шестым ишаком они игнорятся.


Что касается первого вопроса, то тут сложнее. У меня возникла идея, возможно сложная, но пока в голову ничего не залезло. В общем большую таблицу можно делать не единой, а частями, например по пять строк. Размер кода станет побольше, но тут будет выигрыш для ишака в скорости подгрузки и отображения данных. Но это не важно. Так вот, раз таблица будет вот так разделена, то, можно в код вне таблицы поставить div со свойством float:left, чёткой шириной, а вот высота.. Тут предлагаю для первой таблицы (для первых пяти строк) через жабаскрипт вытаскивать их высоту, просуммировать и подсунуть тому диву. Див сделать, ессна, со скроллингом, можно даже с каким-то красивым - об этом можно почитать в статье по ссылке.

Проблему с колонками решила при помощи java script. Все таки интересно можно ли что-то такое сделать при помощи только html и css?

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