[nataluyshka]

столкнулась с такой задачей: нужно сделать блок товара резиновым , т.е. он должен занимать 100% доступной ему ширины.

Как сделать так, чтобы блок автоматически разъезжался при увеличении текста. Текст может быть произвольной длины.
Весь блок (серая граница) тянется на 100% относительно окна броузера.

Стандартное положение блока описано файле test1.gif

При увеличении количества текста в зеленом блоке он должен разьезжаться по ширине, при этом изображение камеры (рисунок справа от текста описания товара) должно сдвигаться вниз.

Если текста очень много и 100% ширины не хватает для вмещения в одну строку, то зеленый блок должен тянуться по высоте, пропорционально сдвигая вниз все остальное.

При варианте, когда ширины блока (предпложим пользователь очень сильно сжал окно браузера)
не хватает для одновременного вмещения описания и изображения фотокамеры в одной горизонтали,
фотокамера должна сдвигаться под плашку а название товара и другой текст уезжают ещё ниже.

help me, please
очень срочно надо сделать

nataluyshka добавил [date]1139232997[/date]:
еще один ворпос, как сделать красивую серую рамку, да еще чтобы оливковый блок был внахлест?
спасибо тем, кто ответит

[sl_play]

нужно правильно порезать рисунок в фотошопе, тогда всё получится. И порезать так, чтобы были растягиваемые части, а другие фиксированного размера.

[nataluyshka]

И порезать так, чтобы были растягиваемые части, а другие фиксированного размера.

можете объяснить, как это? я обычно в ACDSee вырезаю

[sl_play]

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