Question

I’ve been setting up a very basic WordPress site. All of the pages have a lot of empty space at the bottom. Pages with more placeholder content have more space at the bottom than the others.

I have been reading other threads from people with similar problems, and I can’t fix the problem on my site using suggested fixes (the margin property in a certain div was often the culprit).

Check it out: http://www.hairofthedogproductions.co.nz/?page_id=5

My client wanted a totally minimal bare-bones site so I have collapsed post/page metadata, comments, and the sidebar. I just can’t for the life of me get rid of the big empty space at the bottom.

Answer 1

Your main problem is in the comments template. I see you’re using visibility: collapse to hide elements, but collapse is just for table elements, and if used in other tags it’ll default to hidden. Plus, keep in mind that visibility: hidden hides elements but keeps them in flow. You might want to use display: none instead.
This will solve your problem, try it out.

#comments { display: none; }