Horizontally and vertically center div in the middle of page

Question

I am trying to get a page layout like the following Horizontally and vertically center div in the middle of page with header and footer stuck to top and bottom of page

Answer 1

This no longer works well on Chrome 38. Try loading the dead center site above and resizing the browser - see the distortion in the text.