Position footer at bottom of page having fixed header
I want to position the footer at the bottom of the page which having a fixed header also... Not with position: fixed - I don't want it to remain on the screen, it should just be at the end of the page and behave normally when scrolling. Not at the bottom of the visible screen - At the bottom of the page , i.e; after all other content. Here's a diagram to explain better: Here's the code: I have prepared a demo: JSFiddle Or see below <div id="header">Header</div> <div id="content"> <p>Some content...</p> </div> <div id="footer">Footer</div> body{ /* Just to enable scrolling in JSFiddle */ height