Remove Space below Contact Form

One of the things affecting it is:

#content table {
  border: 1px solid #E7E7E7;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
}

Another one is:

.entry-content input {
  margin: 0 0 0;
}

Set the bottom margin values of both to zero and you’ll get rid of most of the gap. I can’t see causes what’s left, offhand.

Your form has much more serious problems, though, because its contents don’t fit into the content area, in Firefox, anyway. It’s OK in Chrome. The problem is because of HTML errors and warnings in your table, I think. If you correct the errors and warnings I thing FF will be satisfied. Or you could use a more modern way of laying out a form, of course.

HTH

PAE

Yes. Firebug is your friend.

And your other friend in the Firefox family is the Web Developer Toolbar. You install it and then to validate a page you just click on the Tools menu item (button) and select ‘Validate HTML’ or ‘Validate Local HTML’. You use the latter (local HTML) if the page is not publicly viewable, so in your case, you’d need the former.

Saves a lot of messing about with the web site at:

http://validator.w3.org

(which is what the Web Developer Toolbar calls)

HTH

PAE