Header, footer and scroll content with fixed background


I am on this since two weeks and can't found a solution. seem to be impossible to do

I have a fixed background 1711 by 1372 and I want the main content to
scroll down to the bottom of my fixed background while disappearing in
the header of 300px height while keeping the footer down at the bottom.

This is a responsive site so that my left menu would go on top of my main content on a iphone, android

enter link description here


I am kind of surprised, given what you want, i don't see position: fixed anywhere, have you tried it? I am not entirely sure what is you want

Why not simply make your footer fixed, give it a width of 100%, add bottom: 0; to keep it at the bottom, and use text-align: center rather then the outdated center tags