Suporte » Temas » Fixar rodapé no final da página

  • aquilamendes

    (@aquilamendes)


    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 Miriam de Paula

    (@miriamdepaula)

    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.

    aquilamendes

    (@aquilamendes)

    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 Miriam de Paula

    (@miriamdepaula)

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

    aquilamendes

    (@aquilamendes)

    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 Miriam de Paula

    (@miriamdepaula)

    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.

    aquilamendes

    (@aquilamendes)

    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 Miriam de Paula

    (@miriamdepaula)

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

    position: absolute;
    bottom: 0;

    aquilamendes

    (@aquilamendes)

    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 🙁 🙁

    aquilamendes

    (@aquilamendes)

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

    Moderador Miriam de Paula

    (@miriamdepaula)

    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

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

Visualizando 11 respostas - 1 até 11 (de um total de 11)
  • Você deve estar logado para responder a este tópico.