Fixar rodapé no final da página

  • aquilamendes

    (@aquilamendes)


    6 anos, 9 meses atrás

    Boa tarde pessoal, tudo certo?
    Então, uma dúvida que parece ser simples mas não tô conseguindo solucionar, tem algumas páginas no meu site que tá com pouco conteúdo e daí o rodapé não fica fixo lá no final da página e isso dá uma agonia danada rsrs.

    Tem como solucionar isso? Creio que seja através da CSS mas por onde começo, quais atributos eu uso? Se alguém puder ajudar serei grato.

    https://uploaddeimagens.com.br/imagens/minha_conta_-_caixa_alta_marketing_digital-png

    A página que eu preciso de ajuda: [fazer login para ver o link]

Visualizando 11 respostas - 1 até 11 (de um total de 11)
  • Moderador Míriam de Paula

    (@miriamdepaula)

    6 anos, 9 meses atrás

    Olá!

    Imagine que seu site é dividido em 3 partes:

    TOPO

    CONTEÚDO (MEIO)

    RODAPÉ

    No CSS, você vai precisar definir uma altura padrão para essa região do meio, assim, ela vai forçar o rodapé a ficar mais pra baixo.

    Criador do tópico aquilamendes

    (@aquilamendes)

    6 anos, 9 meses atrás

    Hum grato pelo retorno @miriamdepaula acho apenas a parte no css que comanda o meio e jogo um heigth: 100%? Vou fazer uns testes se alguém souber alguma outra forma será bem vinda.

    Moderador Míriam de Paula

    (@miriamdepaula)

    6 anos, 9 meses atrás

    Height 100% não vai rolar. Coloca um valor fixo.

    Criador do tópico aquilamendes

    (@aquilamendes)

    6 anos, 9 meses atrás

    Então, funciona em parte. Nas páginas que tem pouco conteúdo funciona, mas as que tem bastante conteúdo o restante começa a ficar bem zoado, vê só uma print, andei lendo uma solução de uma forma de usar position absolute e relative mas tentei e não consegui, alguma outra ideia pra solução?

    https://www.uploady.com/download/vxHvU2WyVZ_/ForDElX9BfFsDbEy

    Moderador Míriam de Paula

    (@miriamdepaula)

    6 anos, 9 meses atrás

    Se vc colocar um valor fixo para a altura, vai ficar legal.
    Tipo, uns 600px ou mais.. Depende de como vc quer que fique. Vai testando.

    Criador do tópico aquilamendes

    (@aquilamendes)

    6 anos, 9 meses atrás

    Já testei, e o resultado para as páginas que tem muito conteúdo é essa do link que postei da print do no post anterior, você viu?

    Moderador Míriam de Paula

    (@miriamdepaula)

    6 anos, 9 meses atrás

    Bom, então, acho que você teria que fixar a DIV do rodapé, usando o position absolute mesmo.

    position: absolute;
    bottom: 0;

    Criador do tópico aquilamendes

    (@aquilamendes)

    6 anos, 9 meses atrás

    Putz, fiquei todo feliz, coloquei o absolute no footer e funcionou, mas…meio que a mesma coisa de colocar uma altura fixa, na página com pouco conteúdo ele ta lá funcionando de boa fixado no final da página, porém com conteúdo extenso ele fica todo zoado flutuando no meio da página 🙁 🙁

    Criador do tópico aquilamendes

    (@aquilamendes)

    6 anos, 9 meses atrás

    Bom dia, alguém com alguma outra ideia para solução deste problema? Grato.

    Moderador Míriam de Paula

    (@miriamdepaula)

    6 anos, 8 meses atrás

    Olá @aquilamendes
    Em uma busca no Google por “fixed footer with big content” eu achei essa discussão…
    Uma das respostas, tem até um exemplo em funcionamento. Veja se resolve o teu problema:

    https://stackoverflow.com/questions/19865705/footer-is-displayed-over-content-i-need-it-always-on-the-bottom-of-the-page

    Criador do tópico aquilamendes

    (@aquilamendes)

    6 anos, 8 meses atrás

    Olá, obrigado pela presteza e atenção, mas não resolveu meu problema 🙁

Visualizando 11 respostas - 1 até 11 (de um total de 11)
  • O tópico ‘Fixar rodapé no final da página’ está fechado para novas respostas.