Adding whitespace at bottom of HTML page

margin-bottom moves the whole element, try padding-bottom instead.

I've found this to be effective:

body {
    padding-bottom: 50px;
}

adding padding-bottom to the last element should do this, or you could add padding-bottom to the container element, just remember that this will be added to the height if you have it set in your css