I would very much appreciate some help for a project for school. This site is HTML/CSS
for content switchers and page element includes. I have been using Firebug
in Firefox and could not solve this problem yet and it is preventing me from moving on to the rest of the work.
I want the body_content
div to stretch to fit the content. Click on the "about" tab and see that the about
div clearly does not fit and the footer overlaps. I tried making the body_content
div larger but the content still goes under the footer
div. I tried making the sidebar
bigger and that seems to solve the problem…until there is more content in the about div. The body_content
div needs to stretch to fit the content and the footer needs to stay underneath.
I looked up sticky footer tutorials but something is not clicking. (Probably should have have started with the set up correct from the beginning.) It is not essential that the footer sticks to the bottom, it just cannot overlap the content.
Should you figure it out, please
post some explanation why your solution works so hopefully I (and others) can learn for next time.