I’m working on my second and third websites simultaneously and am having an annoying footer problem on one. It’s adding a white boarder/gap on the right and left side of my footer and it is also not sticking to the bottom of the page. I’ve tried a few things I’ve found on here but haven’t had any luck fixing the problems! Any help would be fantastic.
You’re my new hero! I would never have figured out I needed to change the img.img If you don’t mind explaining, why did that have to change? And why did the padding on #main and #footer need to go away? Still trying to grasp these concepts. At least I know it seems to be working now!
Thanks a bunch!
I just went through the page with firebug to see what was holding the footer off the bottom, turned out it was all that padding.
As for the bottom margin on img.img, if you put it back to what it was before (10px?) you will see that the footer was overlapping the bottom of the content text, I just used that margin to push it down a little bit.