растягивание блока вверх

[stone86]

Здраствуйте, подскажите возможно ли растянуть блок вверх?

есть блок в котором еще три.

<div>

<div>
блок1
</div>

<div>
блок2
</div>

<div>
блок3
</div>

</div>

второй блок должен оставаться на месте(это картинка) а первый и второй (текстовые) динамические(1-3 строчки).

так вот блок1 растягиваясь опускает картинку(блок2).

как первый блок заставить тянутся вверх?

Edited October 25, 2013 by stone86

[Switch74]

Что значит тянуться вверх, рисуйте что должно получиться.

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

единственный случай обходя подобного это если прижать блок к правому или нижнему краю

Edited October 25, 2013 by Switch74

[stone86]

да что тут рисовать,

блок:

строка

картинка

строка

при наведении на блок:

3 строки(должна тянутся вверх)

картинка(должна остатся неподвижной)

3 строки(тянется вниз)

тянутся вверх это я для лучшего понимания.

сделал на JS исходя из высоты блока1 поднимая блок вверх. но хочу обойтись без JS.

Edited October 25, 2013 by stone86

[Switch74]

Могу предложить что-то подобное, для плавности добавляем анимацию через CSS

http://jsfiddle.net/5NawA/

но я бы сделал этот вариант через js

[stone86]

на JS я сделал, просто заказчик маниакально не признает JS.

а отрицательный margin должен быть динамический, так как некоторые блоки имеют 2 а некоторые 3 строки

[Switch74]

ну вот про динамику на css забудьте