Can someone please help :)

Hi everyone!
As soon as I close a form tag I’m working on by typing: </form>, a gap suddenly appears underneath the table that the <form> code is in. This is only happening in Internet Explorer, but it’s screwing up my whole layout of my website. Why is this happening? How do I get rid of that stupid gap? It works perfect in Firefox, but in IE it acts retarded! Any advice would be extremely great because I’m stumped!

Thanks!

Try adding the following to your CSS:

Code: Select all

form {
    margin: 0;
    padding: 0;
}

how can you know that will fix it without the link to the page or any of the code.

I'm fluent in CSS. Unless there is some unlikely IE bug I'm unaware of, those two properties will take care of any default formatting.

IE adds margin to forms by default....
for future reference, always start your styles sheets with:
*{ margin:0px; padding:0px; }

that will clear browser's default margin/padding settings so you only get your own...

It’s awesome! I used the code that you said to use and every thing works perfect! Thank you so much for your help! I only post questions when it’s really important and I really need an answer. I was in a big time crunch and you really helped me a lot. Thank you very, very much!

Yeah, it clears the margins and padding for EVERYTHING!! so it can actually be quite annoying and add a lot of bloated code by having to redefine a lot of margins and paddings that would otherwise be standard.

Just wanted to give a heads up to anyone that may not be aware of the after effects of using that idea.

good point to make...

I prefer to know exactly how much padding/margin everything has.
As for the bloated code, it can't take more than 5 lines or so to define exactly how much padding/margin you want for your tags.

at the end of the day, we all have different coding styles and it comes down to preference...

I love you guys.

__________________