CSS Floating Div Help

I’m currently try to build my first site from scratch and I’m having some CSS issues. What I would like to happen is my slideshow on the homepage to always stay within the navigation bar and the footer. However when the screen is adjusted the footer will sometimes go under the slideshow; I adjusted the zindex so it did not overlap it. I’d like to fix the CSS so that the center div always stays within the and footer.

My Site: http://artsatheart.atwebpages.com/

Hi tksforlife. Welcome to the forums. :slight_smile:

Yes, unfortunately CSS is not well suited for footers stuck to the bottom of the page, and it takes fairly clever workarounds to make it behave properly across devices and in all situations. Here is a definitive guide to how to do this properly: