I’m really confused as to why some footers are defaulting to the bottom and why some have white space below. I feel like I’ve looked everything over 100 times and the attributes are the same but I’m having this problem. Could you please help?
There are basically two positions your footer can take. A fixed position to the browser window or position relative to the content above it.
If you want the footer to be fixed to the bottom of the window then you will want to set the footer element to fixed and anchor it to the bottom.
If you want it to be relative to the height of the content then leave it the way it is. The reason some pages have a gap at the bottom is because the content on the page is shorter.