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.
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