Как сделать блок по центру с заранее неизвестным height ?

Question

[nepster-web]

Собственно есть блок с заранее неизвестным height, тоесть этот блок может растягиваться и нам неизвестно на сколько.

Задача разместить его по центру экрана как по длине так и по высоте.

Если бы блок был бы фиксирован, проблем бы не было:
jsfiddle.net/42HAQ

А вот как отцентрировать его не зная точный height ? При min-height он растягивается на 100% .

Answer 1

[Николай Садовников]

jsbin.com/sisez/2 — два варианта на выбор.

Comments

[Claus]

Для чего закомментированны перенос строки и пустые символы между дивом class="box center" и изображением?

[nepster-web]

@GruZZ , тут так-же уезжает блок вниз если его width больше чем width окна

Answer 2

[Par Mactep]

Вот вам отцентрированный ваш блок
jsfiddle.net/42HAQ/2

Comments

[nepster-web]

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

[Par Mactep]

@nepster09 Ррраз и нет проблемы. jsfiddle.net/42HAQ/3

Answer 3

[Александр Таратин]

habrahabr.ru/post/189696