Why does form tag takes extra <p> itself??

[prof_site]

I put a form tag in middle of my layout. Its working fine in firefox but when I see this in IE7, it shows extra space after form tag (like <p>).

How can I remove this space. Please help me.

Thanks in advance.

Profsite

[zcorpan]

Forms have default margins in IE. You can remove those with CSS.

form { margin-top:0; margin-bottom:0; }

[DaveWoods]

Or try and get in the habit from the start of your design by using

* {
     padding: 0px;
     margin: 0px;
}

Which will set all margin and padding to zero so that you don't run into the same problem with headers and paragraphs as you can then simply add it where you specifically require it

[Buddy Bradley]

Or try and get in the habit from the start of your design by using

* {
     padding: 0px;
     margin: 0px;
}

Which will set all margin and padding to zero so that you don't run into the same problem with headers and paragraphs as you can then simply add it where you specifically require it

That's not quite such a good idea, as it can screw up the appearance of form elements on certain browsers (and apparently can also slow rendering as it has to walk the entire document tree).

Better to apply the zero margins/padding to specific elements:

h1, h2, h3, h4, p, ol, ul, dl, form, fieldset, table {
  margin: 0;
  padding: 0;
}

[DaveWoods]

I've never had any problems with it in respect to appearance in browsers although it can cause some issues with list elements which aren't all that difficult to fix.

I've not heard about it slowing rendering time though. There's no harm applying zero margin and paddings to each individual element though if you'd prefer to do it that way.

[prof_site]

Problem Solved.

Thanks for all of you for your quick response.

Profsite