Выравнивание слоя по вертикали

[hike]

В этом разделе автор предложил способ выравнивания слоя по центру веб-страницы при фиксированной высоте слоя.

 

Есть ли способ выровнять слой по вертикали с помощью стилей, если высота блока неизвестна заранее (зависит от контента)?

 

Например, http://codepen.io/anon/pen/waCKq?editors=110 Нужно, чтобы слой wrap отображался по центру веб-страницы для браузеров IE7+ и последних версий FF, Sa, Ch, Opera.

 

Примечание: использование inline-block и псевдоэлемента wrap:before (для совместимости с IE7 в указанном выше примере display:inline-block установлен для строчного элемента span, а вместо псевдоэлемента использован span class="before"), увы, не привело к желаемому результату при высоте родительского слоя .wrap{height:100%}, хотя, как видно из примера, отлично работает для центрирования слоя krug внутри слоя ramka.

 

 

 

 

[xzarxzes]

http://css-tricks.com/centering-in-the-unknown/

[Great Rash]

Можно ко мне в подпись глянуть

[hike]

Спасибо за помощь, xzarxzes! Особенно полезной оказалась ссылка на статью Гэри Тернера, где по шагам рассказано, как работает этот способ центрирования. Прочитав обе статьи, мне легко удалось найти ошибку.

 

Способ для IE7 writing-mode мне еще предстоит хорошенько обмозговать. Возможно, воспользуюсь и им.