Rodapé do site ficar fixo

[JotaWeb 0]

Como fazer o rodapé do site ficar fixo a partir de um ponto???

[Luiz Azevedo 0]

.footer{position:fixed;bottom:0;}

[Guilherme Oderdenge 42]

O atributo position: fixed; vai fixar qualquer div na camada da mesma. Como você não foi claro no seu post, vou deduzir que você queira fixar o rodapé na parte inferior do site. Para isso, não iremos precisar do position: fixed, mas precisaremos definir uma altura de 100% para o body do site. Mas, como assim? Veja:

 

html, body{
   height: 100%;
}

 

Beleza, agora definiremos a estrutura com o rodapé:

 

#header{
  background: red;
  width: 100%;
  height: 200px;
  float: left;
  position: relative;
}

#content{
  background: yellow;
  width: 100%;
  float: left;
  position: relative;
}

#footer{
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0px;
  margin-top: 20px;
}

 

E no HTML...

<div id="header">
  Conteúdo do header
</div>

<div id="content">
  Conteúdo do.. conteúdo?
</div>

<div id="footer">
  Copyright © iMasters.com.br
</div>

 

Entendeu?