Footer-bar won't go at bottom of page

Question

I tried everything now. My footer-bar keeps staying in the middle of the page or fixed on the bottom of the screen. I need it on the bottom of the page, no matter how much content I put on the website.

#footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #000000;
}

<div id="footer">

</div>

score 0 · Answer 1 · answered Sep 29 '16 at 12:06

0

Use bottom : auto, instead of '0'

#footer {
position: absolute;
right: 0;
bottom: auto;
left: 0;
width:100%;
height:60px;
background:#000000;
}

content <br>Content<br>Content
<div id="footer">

</div>

answered Sep 29 '16 at 12:06

Jones Joseph

4,703
3
22
40

Still at middle of page. – Munksgaard Sep 29 '16 at 12:08
if you just want the footer to follow your content, then remove all the properties `position` `right` `left` `bottom` – Jones Joseph Sep 29 '16 at 12:14
It doesn't have any effect. – Munksgaard Sep 29 '16 at 12:16

Footer-bar won't go at bottom of page

1 Answers1