Non-sticky footer affecting wrapper positioning

[Megalith]

This is pretty strange.

I have a footer on my page that isn't contained within a wrapper. Everything is fine as long as there is enough content within the wrapper to push the footer to the bottom of the page, but if there isn't, the positioning of elements within the wrapper changes.

It just seems to be a minor shift of a couple of pixels, but why would this happen? Is there a way to get a footer to stick to the bottom of the page even when it is outside of a wrapper?

[Megalith]

Turns out the shift I was experiencing was from the scroll bar.

Don't I feel stupid.

[alt131]

Hi megalith, thanks for posting the solution

Here's hoping all your code challenges are that easy to solve ;)