cabeçalho com 100% height

[Douglas Evaristo Santos 2]

Boa noite amigos, minha duvida é simples:

 

Preciso fazer um layout com um "cabeçalho" ocupando 100% da tela... Claro que abaixo dela terão outras coisas... Porem gostaria de saber como vc faria isso...

 

Claro q já tentei colocar a div com 100% de altura, mais o que precisava de saber é se teria como retornar a height do browser do usuario... Ai seria com Jquery...

 

Que q você acha??

[Leandro Lucas 3]

Retornar a altura do usuário não é possível, o que é possível é fazer sua tela se adequar a diversos tipos de resolução.

O que você pode fazer para se ajustar, é fazer uma div geral e definir no css esses atributos:

uma container que pega todos os elementos de sua pagina:

.container{

margin:0 auto;

width:960px;

text-align:left;

}

e o meio da pagina, onde se define pelo min-height o limite que ele pode se ajustar

position: relative;

text-align: left;

width:940px;

margin: auto;

min-height:600px;

[Buchechafs 6]

tenta colocar esse código abaixo nela.

 

height: 100%;
position: absolute;

[JMelloDev 0]

Com jQuery => http://api.jquery.com/height/

Com css:

 

html{
 height:100%;
}
body{
 height:100%;
}
#div-geral{
 height:100%;
}