1

Deixo isso abaixo apenas para informação mesmo... CSS da minha pagina:

body{
   margin: 0 auto;
   padding: 0;
   min-height:100%;
   position:relative;

}
head {
    display: none;
    position: relative;
    min-height: 100%;
}
html{
    height: 100%;

}
div {
    display: block;

}
#container{
    position: relative;
    min-height: 100%;

}
#IGN_SCT{
    height: 100%;
}
.corpo{
    position: relative;
    width: 1024px;
    left: 50%;
    margin-left: -512px;
    min-height:2100px;

}

Gostaria que ficasse fixo na parte de baixo da pagina independente do conteúdo acima dela

Gostaria que ficasse fixo na parte de baixo da pagina independente do conteúdo acima dela

2
  • Já leu essa pergunta: Footer sempre no final da pagina?
    – Woss
    Commented 3/07/2017 às 23:39
  • .footer { position: absolute; left: 0; bottom: 0;}
    – user60252
    Commented 4/07/2017 às 0:01

2 Respostas 2

1
<footer></footer>

Ela tem propriedades semânticas para ser utilizado como rodapé.

Com mais uma isso:

footer{
width: 100%;
height: 50px;
margin: auto;
bottom: 0;
}

E um:

position: fixed;

Se quiser deixar ele sempre aparecendo na tela.

5
  • Tem? Quais seriam essas propriedades?
    – Woss
    Commented 3/07/2017 às 23:56
  • coloque o elemento no seu html e verifica na ferramenta do desenvolvedor ué
    – user76271
    Commented 4/07/2017 às 0:01
  • Na minha opinião ele é bom semanticamente e ótimo para motores de busca, por facilitar o entendimento.
    – Léo Cunha
    Commented 4/07/2017 às 0:19
  • Isso com certeza. É que da maneira que havia dito inicialmente deu a entender que o elemento já poderia ficar fixo por si só, sem depender do CSS.
    – Woss
    Commented 4/07/2017 às 0:21
  • Desculpa, escrevi rápido e sem pensar, mas não foi o que quis dizer.
    – Léo Cunha
    Commented 4/07/2017 às 0:22
0

Se quiser ele fixo no final da página..

footer {
    position: fixed;
    bottom: 0;
}

Se quiser no final da página porem não fixo...

 footer {
    position: relative;
    bottom: 0;
}

recomendo estudar flex-box.. são propriedades que auxiliam e muito no posicionamento dos elementos na página através do CSS3.. e ainda faz tudo responsivo! obs: não testei os códigos...

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .