Pin footer to the bottom without fixed-height

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Pin footer to the bottom without fixed-height

Dario Delle Donne (3DDario) asked 7 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 answered 7 years ago

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

Dario Delle Donne (3DDario) commented 7 years ago

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

Edyta Dabrowska answered 7 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/
Write
Create snippet
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
About author
Dario Delle Donne (3DDario)
4Support score
1Questions 0Answers
0Snippets likes 0Snippets