Как реализовать изменение размера блока CSS?

Question

[Kesantielu]

Ситуация такова. Есть два вложенных div, у внутреннего div в свойстве background есть изображение, размеры div, согласно размеру изображения, выставляются скриптом. Нужно изменить размеры вложенного div пропорционально, чтобы вписать его в заданную ширину родительского div (высота родительского div не указана). Пробовал свойство zoom, работает нормально, но в Firefox неприменимо. -moz-transform scale оставляет пустое место снизу div. Отрицательным margin его не убрать, потому что высота вложенного div всегда разная.
Как решить вопрос? Условие — только CSS.

Comments

[Rob1n Bobin]

Выставлять размеры скриптом обязательно?

[Kesantielu]

Rob1n Bobin: к сожалению, на это повлиять нет возможности.

Answer 1

[Андрей Верх]

background-size:cover
или я чего-то не понял :)

Comments

[Kesantielu]

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

[Rob1n Bobin]

Kesantielu: а ширина тоже всегда разная?

[Андрей Верх]

Kesantielu: Так не задавайте размеры изображения, а у дива укажите height:100% и width:100%

[Kesantielu]

Rob1n Bobin: нет, ширина одинаковая.

[Kesantielu]

Андрей Верх: тогда див станет нулевого размера — в нем нет содержимого.

[Kesantielu]

Див же не может сам подстроиться под размер своего бэкграунда.

[Андрей Верх]

Kesantielu: У вас же ширина и высота у внешнего дива задана или для чего он? Если вложенному задать height:100% и width:100% то он будет такого же размера как и родитель, а не нулевого размера.

[Kesantielu]

Андрей Верх: нет, у внешнего дива не заданы размеры, поэтому все и уходит в ноль.

[Андрей Верх]

>чтобы вписать его в ширину родительского div.
Как вы тогда собрались что-то вписывать, если размеров нет. Для чего тогда 2 дива? У вас вопрос некорректно составлен.

[Kesantielu]

Это новый дизайн Вконтакте, я делаю свой CSS к нему. Хотел сделать несколько уже колонки, но все уперлось в то, что они сделали все изображения так, как я описал в вопросе: background, пустой div и скриптом выставление его размера.

[Kesantielu]

Андрей Верх: прошу прощения — ширина у родительского есть, высота не указана.