Fazer a div ocupar toda altura do browser

[Vanilson 2]

Pessoal seguinte, quando nos criamos uma div e queremos que ela ocupe toda largura do browser nos fazemos o seguinte:

div{
  width: auto;
  heigth: 300px;
  background: url("img/fundo.png") repeat;
}

Então, eu quero fazer a mesma coisa mais para o caso da altura ou seja quero que a minha div ocupe toda altura do browser.

[mangakah 217]

Use height 100% no seu DIV.

 

height: 100%;

 

Se também quiser tirar a margem do elemento BODY:

body { margin:0; }

[Vanilson 2]

problema resolvido, a tua ideia estava correcta mas, para alem disso o elemento pai da minha div cadastro-cliente também deve ter uma altura de 100%. O css ficou desse jeito:

 

#contentor{

height: 100%;

}

#cadastro-cliente{

width: 6px;

height: 100%;

background: url("../img/fundo_cadastro_login.png") repeat;

position: relative;

z-index: 3;

box-shadow: 5px -17px 45px -5px #959595;

}

Nota: a div contentor é o elemento pai...

 

problema resolvido, a tua ideia estava correcta mas, para alem disso o elemento pai da minha div cadastro-cliente também deve ter uma altura de 100%. O css ficou desse jeito:

#contentor{
   height: 100%;
}
#cadastro-cliente{
   width: 6px;
   height: 100%;
   background: url("../img/fundo_cadastro_login.png") repeat;
   position: relative;
   z-index: 3;
   box-shadow: 5px -17px 45px -5px #959595;  
}

Nota: a div contentor é o elemento pai...

 

problema resolvido, a tua ideia estava correcta mas, para alem disso o elemento pai da minha div cadastro-cliente também deve ter uma altura de 100%. O css ficou desse jeito:

 

#contentor{
   height: 100%;
}
#cadastro-cliente{
   width: 6px;
   height: 100%;
   background: url("../img/fundo_cadastro_login.png") repeat;
   position: relative;
   z-index: 3;
   box-shadow: 5px -17px 45px -5px #959595;  
}

Nota: a div contentor é o elemento pai...

 

problema resolvido, a tua ideia estava correcta mas, para alem disso o elemento pai da minha div cadastro-cliente também deve ter uma altura de 100%. O css ficou desse jeito:

 

#contentor{
   height: 100%;
}
#cadastro-cliente{
   width: 6px;
   height: 100%;
   background: url("../img/fundo_cadastro_login.png") repeat;
   position: relative;
   z-index: 3;
   box-shadow: 5px -17px 45px -5px #959595;  
}

Nota: a div contentor é o elemento pai...