I am lost! fixed header and footer with scrolling content in between
I have spent the better part of today running around in circles and I am stumped. I am an amateur so please be patient.
This is what I want to do, (I will try to explain it as clearly as possible).
I have a script that will rotate full screen background images on page refresh. I also have a permanently "fixed" png semi-transparent top banner. The scrolling content will go just below the top banner, and will have a top graphic that will also be using the css "fixed" property in place, while the content scrolls in and fades out of view. There is also a fixed footer where there will be the same fading effect on the scrolling content in a fixed window that will change in size depending on the user's viewport.