How to create a fixed header and scrolling content area


I have been using google chromes development tools to inspect the element. I have been using the css on the right side. I have inserted the header to be fixed without it moving while scrolling. But the content area has moved upwards. How would you push the content area back down so everything looks normal while the header is fixed?

Thanks, Wayne