When you open via Edge everything works as it should, ie, a cap pinned to the top, footer is at bottom and the content is at the center. If the content fits in the screen it will be centered vertically if content a lot and it doesn't fit then you should see a scroll, while the background should stretch the full height of the site.
Here's an example: https://jsfiddle.net/moook/wvdqp1bw/
The problem is that in some browsers for example IE 11, this code does not work without specifying height in the parent blocks, and if you specify 100% height, the parent block does not fill the entire height if the content does not fit in the screen.
Long searched for a solution and have not found how this can be done through CSS
Options via jquery request not to offer, because I know how to solve the issue through him, is fundamentally to find out whether it is possible to do through css)