Pin footer to the bottom without fixed-height

Topic: Pin footer to the bottom without fixed-height

Dario Delle Donne (3DDario) free 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)

Add comment

Edyta Dabrowska free answered 7 years ago

0 0 Best answer

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/

Add comment

Edyta Dabrowska free answered 7 years ago

1 0 Best answer

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

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

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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

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

Dario Delle Donne (3DDario)

4Support score
1Questions 0Answers 0Snippets