как грамотно по вертикали отцентрировать блок (для любых девайсов и разрешений)
 

пытаюсь отцентрировать по горизонтали и вертикали так :
div.wrapper {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}


Предполагается, width и height 100% от размера body
но у нас свой движек и он генерит промежуточные div'ы

<div id="screen" view="view.start_page">
 <div class="backbone-view" data-role="view">
   <div class="wrapper">
    <img src="../core/images/logo.jpg">
  </div>
 </div>
</div>

Поэтому данный подход не работает,
хотя если указать явно размеры - работает

torsar, мы же тебе на sql.ru сказали - используй табличку. :)

http://jsfiddle.net/SEe3H/

взято один в один отсюда :) :
http://css-tricks.ru/Articles/Detail...alCenteringCSS