[Помогите] с header

как мне сделать header
на всю высоту окна
то есть картинка
она занимает все окно
при прокрутке вниз она заканчивается
высота на окно браузера


вот код

Код:

.header {
    height: 685px;
    color: #373737;
    background: url("img/bg.jpg");
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

 

Как-то так чтоли?

HTML:

<div class="block1"></div>
<div class="block2"></div>

HTML:

*{ height:100%;}
.block1 {
background: url("1920x1080_1.jpg");
    height: 100%;
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.block2 {
background: url("1920x1080_2.jpg");
    height: 100%;
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

 

когда ставлю
*{ height:100%;}

то header нормально

но все стает height:100%

 

напишите так:

body, html {
height: 100%;
}
.block1 {
background-image: url("img/bg.jpg");
background-size: cover;
background-position: center center;
height: 100%;
}

остальной контент страницы выкладывайте после блока .block1

 

не помогло(

 

body, html {
height: 100%;
min-height:100%;
}
.block1 {
background-image: url("img/bg.jpg");
background-size: cover;
background-position: center center;
height: 100%;min-height:100%; width:100%;
}