css – Materialize – How to align the footer always below?


This code below makes it lined up below if the content fills the entire page, otherwise it is in the middle of the body.

Note: I've read the materialize manual, it was even aligned, but it mischaracterized the side menu.

Também já tentei style='vertical-align=bottom;' sem sucesso.

  <footer class="page-footer">
    <div class="footer-copyright">
      <div class="container">
  <!-- FIM DO RODAPÉ -->


friend tries like this in your CSS file

 /*No seu body*/ html, body { height: 100%; } /*Na primeira div do seu html */ #NomeDaSuaPrimeiraDiv { min-height: 100%; } * html #NomeDaSuaPrimeiraDiv { height: 100%; } /*Posicionando o rodapé*/ #NomeDaSuaPrimeiraDiv { position: relative; } #page-footer { position: absolute; bottom: 0; }

I hope this helps you if it doesn't work go to this link http://www.maujor.com/tutorial/rodape-embaixa-da-janela.php here it is explaining how to position your footer my explanation may have been a little confused then access this the link I put on this site explains it better

Scroll to Top