Help with unique site coding
Hey guys! I was told to try posting this subject in the JS forum, so hopefully yo guys can help lol.
This is an image of the site design we want to go with;
And this is how we want it to function:
The main idea being that there's an extra div attached to the tail-end of the footer. That extra div just has a background color tag to "cover" the tiled background in the inner div. How can I accomplish something like this? I'm so lost.
The footer needs to be a specific distance away from the main-content div, and also obey the fact that it CANNOT cover any of the contents of the main-content div. So therefore no sticky footers or anything. And adding further difficulty is the need for the generated height of the extra div to NOT affect the overall height of the page. But to maybe add 30-50px to it.
I need this because I'm not a fan of the titled image on a page being seen after the footer. It's something that I've been wanting to do for a while, but can't figure out how.