Выравнивание по центру страницы.

[faynoit]

Комрады хелп. Есть вот такая картинка:

http://clip2net.com/s/6jEyou

 

Пытаюсь сделать так:

            <div class="page-not-found">                <div>                    <h2>Ошибка</h2>                    <p>Страница, которую вы ищете не существует, либо устарела.</p>                    <p>Вы можете перейти на <a href="/">главную.</a></p>                </div>            </div>

.page-not-found h2 {  font-family: 'Comfortaa', cursive;  font-size: 18px;}.page-not-found {  background: url(../images/page-not-found_bg.png) left 20px no-repeat;  padding: 0 0 0 80px;  display: table;}.page-not-found div {  display: table-cell;  vertical-align: top;}

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

 

http://sv-igor.com/ru/html/77-vyrivnyuvannya-elementiv-po-vertikali-v-blochniy-versttsi.html

 

Подскажите, пожалуйста, решение. Спасибо

 

[Z1gnet]

все правильно, вы же задали vertical-align: top; что значит выровнять по верхнему краю!!! а вам нужно посередине, то есть vertical-align: middle;

вот примерчик набросал http://codepen.io/anon/pen/AvfoJ

[faynoit]

Не понимаю как у вас так получилось

http://clip2net.com/s/6jGNYH

 

У меня все равно футер кверху прижимается

[hristofor]

http://codepen.io/hristofor/pen/akpcF

 

вот так прокотило

Edited December 4, 2013 by hristofor

[Z1gnet]

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

http://codepen.io/hristofor/pen/akpcF вот так прокотило

что прокатило? не понял