Как сверстать вертикально блоки ?

Question

[Z37]

Есть колонка (.column) и в ней нужно разместить три блока. .top должен быть всегда вверху, в независимости от изменяющейся высоты колонки, .bottom должен всегда быть внизу, в независимости от изменяющейся высоты колонки (.column).

А вот .middle должен всегда быть расположен по центры. Высота колонки (.column) должна быть 100% высоты блока, в котором она находится.

Comments

[Виталий Киренков]

а что с .column ?

[Z37]

@DeLaVega .column это и есть эта колонка. Сейчас поправлю.

Answer 1

[Виталий Киренков]

Наверное так.

Comments

[Z37]

Спасибо, выручили.

[Z37]

@DeLaVega У меня тут возникла проблемка. Высота блока (.news-container) в котором содержится колонка (.column), зависит от высоты картинки в этом блоке. И поскольку нет точной фиксированной высоты блока, колонка не растягивается на всю высоту. Есть ли в css3 какие-то решения или лучше уж брать высоту картинки средствами PHP и приравнивать к высоте блока ?

[Виталий Киренков]

Я не знаю какая у вас задумка в целом, но в принципе, если у вас не динамическая, то можете и из пыха выставлять высоту.

[Z37]

@DeLaVega Хотелось бы, конечно, что б всё красиво-динамично было. ПХП крайний выход.

[Виталий Киренков]

Тут нужно целиком смотреть на проект, так сложно сказать.

Answer 2

[maxyc webber]

getbootstrap.com/examples/sticky-footer