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

Question:

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.

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

Answer:

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