Выравнить блок по центру при разной высоте блока

[okunev2]

Знаю как выравнить блок по центру по вертикали, если высоат блока постоянная, но если меняется не понимаю

[psywalker]

Знаю как выравнить блок по центру по вертикали, если высоат блока постоянная, но если меняется не понимаю

Может как-то так.

[okunev2]

 

Знаю как выравнить блок по центру по вертикали, если высоат блока постоянная, но если меняется не понимаю

Может как-то так.

 

 

Так но у меня высота не указывается он а всегда разная, процент 50% кажется не подойдет. Или я не прав?

 

Не понял эти строки:

		;		margin-top: -25vh;

И наскольок это кросбраузерно

Edited January 20, 2015 by okunev2

[satantx]

http://jsfiddle.net/satantx/quf9kujj/

[psywalker]

Вот вам кроссбраузерный вариант)

 

А вот про новые единицы измерения.

[Great Rash]

И наскольок это кросбраузерно

А вам насколько кроссбраузерно надо? 

[okunev2]

 

И наскольок это кросбраузерно

А вам насколько кроссбраузерно надо? 

 

 

От IE 8 и все остальные браузеры "свежие" (Мозила, Опера, Сафари, Хром)

http://jsfiddle.net/satantx/quf9kujj/

 

И на сколько это кросбраузерно?

[psywalker]

 

 

И наскольок это кросбраузерно

А вам насколько кроссбраузерно надо? 

 

 

От IE 8 и все остальные браузеры "свежие" (Мозила, Опера, Сафари, Хром)

http://jsfiddle.net/satantx/quf9kujj/

 

И на сколько это кросбраузерно?

 

А проверить слабо? Или за вас это сделать?

[okunev2]

 

 

 

И наскольок это кросбраузерно

А вам насколько кроссбраузерно надо? 

 

 

От IE 8 и все остальные браузеры "свежие" (Мозила, Опера, Сафари, Хром)

http://jsfiddle.net/satantx/quf9kujj/

 

И на сколько это кросбраузерно?

 

А проверить слабо? Или за вас это сделать?

 

 

Уже проверил Два вариант самые подходящие

[psywalker]

 

 

 

 

И наскольок это кросбраузерно

А вам насколько кроссбраузерно надо? 

 

 

От IE 8 и все остальные браузеры "свежие" (Мозила, Опера, Сафари, Хром)

http://jsfiddle.net/satantx/quf9kujj/

 

И на сколько это кросбраузерно?

 

А проверить слабо? Или за вас это сделать?

 

 

Уже проверил Два вариант самые подходящие

 

Красавчик

[Int]

div {

  width: 200px;

  position: fixed;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

[Great Rash]

Только ТС нужна поддержка IE8, а там трансформации не работают.

[okunev2]

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