while working on the layout of a simple site I'm doing, I came across a really annoying problem of which I just can't find the cause! I have no idea how to remove the linebreak below my submit button, extending the div which it's in downwards.
I've simplified the page as much as I could, though there may still be some unnecessary elements in there.
Any help would be much appreciated!
On
Your form element has a margin-bottom of 1em, which is pushing its parent div downward by that amount.
Remove the margin and you should be OK.
On
Just add:
form {
margin: 0;
}
You really ought to use a css reset, there are many good ones, such as the 2011 version of Eric Meyer's reset http://meyerweb.com/eric/tools/css/reset/.
This takes care of all the default unintended margins and paddings that sometimes vary from browser to browser.
That's all you need.
Ok, I lied: That's all you need for Firefox/Chrome.
You have this:
In IE, you need a modern doctype such as
<!DOCTYPE html>to bring it out of Quirks mode.You should add a doctype anyway.