IE Probs......

[Dapandyman]

STUPID IE!!!!
(or its my coding)
Basically I have made a lot of progress on my site but the navbar is 20 or so px higher on IE than FF.
Is it the margins i have set?
Would someone know how to fix this? (i am a noob)
Help would be MUCH appreciated,
Thanks,
Dapandyman.
Here's The Link

[Ryan Fait]

Try adding

* { margin: 0; padding: 0; }

to the top of your stylesheet. If the problem goes away, then it is!

[JacobHaug]

IF being the key word...lol

[Dapandyman]

lol

[Dapandyman]

Thanks a lot ryan - it worked!!!

[JacobHaug]

It worked??

[Dapandyman]

yeah - you seem shocked..... lol

[JacobHaug]

Yeah kinda...lol

[Ryan Fait]

Jacob's just jealous that I know everything.

[Antwan]

Hah, IE and FireFox have different default padding and margins, so if you at the very start, set your css to say margins and padding start at zero, then both firefox and ie will not have the same starting padding and margins, zero

[mreine]

Another issue is how the browsers interpret the box model.

IE puts the margin and padding inside the width where FF puts it outside.

So..

A width:200 padding:20 would give IE a width of 200 and FF a width of 240.

Yet another issue is how IE and FF use padding and margin differently. Sometimes where you would logically use margins and it works in IE, FF wants padding instead.

Yeah... awesome work browser people!