Sticky header and footer while vertical-aligning content to center

Question

I'm trying to achieve the solutions for sticky header and footer from here, and centering content vertically from here.

However I'm unable to get the content centered.

Here's my experiment.

Should I use a simple table instead?

score 2 · Accepted Answer · answered Oct 19 '15 at 08:32

2

You can achieve it using "calc" and "Flexbox" instead of using table. But it may require some css skill since flex-box is quite new.

Since I'm new in stackoverflow, I can't post more than 2 links. I guess you may google more details about "calc" and "flexbox".

answered Oct 19 '15 at 08:32

sandalkoyak

do you know what major browsers won't support this? – Shimmy Weitzhandler Oct 20 '15 at 23:38
Hi, as far as I concern only older version of IE doesn't support flexbox. You can check the flexbox compatibility here - http://caniuse.com/#feat=flexbox – sandalkoyak Oct 23 '15 at 00:56
Great answer. Thanks. – Shimmy Weitzhandler Nov 20 '15 at 13:33

1 Answers1