Every page is creating a large space between the end of the content and the footer. I can't figure out why this is happening.
I gave you a solution to the gap I saw here. Removing the bottom padding made the gap equal to the other gaps on the page.
Your screen-cap was not replicable, but did you fix your syntax errors and apply Cd&'s fix?
If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.