How to fix a footer overlapping content?

Change this:

#footer {
    bottom: 0;
    color: #707070;
    height: 2em;
    left: 0;
    position: relative; //changed to relative from fixed also works if position is not there
    font-size: small;
    width:100%;
}

Demo

Related Posts:

  1. How to make fixed header table inside scrollable div?
  2. Making a
  3. multiple classes on single element html
  4. How to insert spaces/tabs in text using HTML/CSS
  5. How to get these two divs side-by-side?
  6. How to center a “position: absolute” element
  7. How to center a “position: absolute” element
  8. Make div scrollable
  9. How to make the HTML link activated by clicking on the
  10. ?
  11. How to change text transparency in HTML/CSS?
  12. right align an image using CSS HTML
  13. How to completely remove borders from HTML table
  14. How do I right align div elements?
  15. Why “Inline-block” doesn’t work properly in this CSS?
  16. How would you make two
  17. height style property doesn’t work in div elements
  18. CSS “margin: 0 auto” not centering
  19. how to center an inline div using css?
  20. How to center HTML5 Videos?
  21. How can I insert vertical blank space into an html document?
  22. How to have an anim gif on a link and play it on hover and reset
  23. Align
  24. Align text to the bottom of a div
  25. How to make a

Leave a Comment