Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Como fazer o rodapé do site ficar fixo a partir de um ponto???
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?
.footer{position:fixed;bottom:0;}