Footer doesn't go at bottom

Question

I have a web page built with materialize css library.

This is the screenshot: As you can see, the footer doesn't go at bottom, but remains attached to the last item (step 5).

I didn't modify any file from materialize library.

How can fix?

Give the footer a `position: absolute; bottom: 0;` CSS – keidakida Aug 18 '20 at 21:19 — keidakida, Aug 18 '20 at 21:19

score 0 · Answer 1 · edited Aug 18 '20 at 21:24

0

Use this for the footer:

footer {
  position: absolute;
  bottom: 0;
}

edited Aug 18 '20 at 21:24

Jaden

answered Aug 18 '20 at 21:15

benadzs

Think it should be absolute instead of fixed? – keidakida Aug 18 '20 at 21:19
Sure, good catch. Thanks. – benadzs Aug 18 '20 at 21:24
If the page is scrollable, the footer remains at its position, not working. – dam034 Aug 18 '20 at 21:31
The problem wasn’t that it wasn’t at the bottom? – benadzs Aug 18 '20 at 21:33
Yes, only if the contents don't arrive at bottom page. – dam034 Aug 19 '20 at 15:20
Are you using bootstrap? If yes, try to search "sticky footer". Here is a good a link: https://getbootstrap.com/docs/4.0/examples/sticky-footer/ – benadzs Aug 20 '20 at 11:40

1 Answers1