Topic: Pin footer to the bottom without fixed-height

Dario Delle Donne (3DDario) free asked 5 years ago


There is a class or something else to pin a div (footer) to the bottom of the page without knowing his height?

 position: absolute;
 bottom: 0;
 width: 100%

^This doesn't work properly (it is stuck to the bottom of the screen, not of the page)


Edyta Dabrowska free answered 5 years ago


Please see if the second post could help you: https://stackoverflow.com/questions/4347133/css-sticky-footers-with-unknown-height Here's the article: https://pixelsvsbytes.com/2011/09/sticky-css-footers-the-flexible-way/ And here's the example: https://jsfiddle.net/0cx30dqf/

Edyta Dabrowska free answered 5 years ago


Hi, have you tried using .fixed-bottom class from navbars? Maybe this one could help you.

Dario Delle Donne (3DDario) free commented 5 years ago

.fixed-bottom pin the footer to the bottom of the screen, not of the page.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags