I want to code a page with a header and a footer both fixed and a scrollable content between them. Of course, I don't want use JS for that.
If you google this query, you find implementations which always require you to manually set the header and footer heights. Unfortunately I don't know these heights in advance. I am trying to implement this template without setting these heights.
Here is my attempt: http://jsfiddle.net/jgmoy4a3/
In this code, the header and footer heights are set automatically, and the content uses all the space left. This code works on Chrome and Safari, but not on Firefox. Do you have any ideas to make it work on Firefox?