Floating Footer

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Floating Footer

aurpine asked 10 years ago

A page temporarily has very little content. As a result, the footer floats in the middle of the page. Is there an easy fix for this? Should I just pad lines to guarantee that the page is long enough? Or is there a cleaner fix? I would like to refrain from using a fixed footer. Thanks.

Michal Szymanski staff pro premium priority answered 10 years ago

Hi, send me your code at m.szymanski@mdbootstrap.com I'll take a look at it and propose some solution.

aurpine answered 10 years ago

I sent the code. Thanks!

jmesserer pro answered 10 years ago

Any update on how this was fixed? Same problem ... page with very little content causes footer to float. Using MDB PRO 4.1.1. Floating Footer

aurpine answered 10 years ago

I used this tutorial and modified some code. You just need to add a "wrapper" div to the whole body and hard-code the height of the footer. It's not the best solution, but it works.

Leo Merkel pro answered 10 years ago

Try this: https://gist.github.com/Lego2012/5d6a619ca5d0c81e4cd2b1c80a780e9c
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

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
floating-footer-fixed-bottom
Related topics
0
Tooltips are not working on Fixed and Floating Buttons
0
Footer Problems Resizing
About author
aurpine
14Support score
4Questions 2Answers
0Snippets likes 0Snippets