Див на весь экран?

[gnomikprazdnik]

Как сделать чтобы див растягивался на весь экран по ширине и высоте?

Имею примерно такую структуру:

<div id="header"><div id="logo"></div></div><div id="page"><div id="post"></div></div><style>#header{ width:100%; height:100%; background: url(bg.jpg);}#logo img{ max-width: 80%;}

Хочу растянуть шапку на всю высоту, в центре расположить лого, но шапка должная обязательно растягиваться на 100 процентов высоты, так как за ней идет сразу же страница, у нее другой фон и она не дожна сразу быть видна на экране.

Хочу реализовать что-то на подобии этого - http://www.martinasperl.at/

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

[Great Rash]

html, body {

  height: 100%;

  margin: 0;

}

.wrapper {

  height: 100%;

}

[gnomikprazdnik]

Спасибо Вам большое!

Edited December 10, 2013 by gnomikprazdnik