Footer won't stay at bottom in Firefox

Question

So I keep my footer at the bottom of my page with the following code:

It's a vue project so #app is my container with my content and footer in.

#app {
  min-height: 100%;
  position: relative;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5rem;
}

This works great in Chrome but somehow Firefox doesn't really care and just let's my footer float below my content.

Am I missing anything here?

Does this answer your question? [Fix footer to bottom of page](https://stackoverflow.com/questions/18915550/fix-footer-to-bottom-of-page) — Grzegorz T., Jun 09 '20 at 09:40

score 1 · Answer 1 · answered Jun 09 '20 at 21:11

1

I think you should be changing position to position: fixed.

answered Jun 09 '20 at 21:11

Neha Jain

1 Answers1