quick question, CSS and IE

He has: 18 posts

Joined: Feb 2006

Any ideas why IE is making the margin twice as big on one of my div boxes?

http://www.f1printltd.com/newsite

You can see which on it is, its got the flash in it and the margin to the right is set to 17px which is all fine in FF, Opera, Netscape, Safari but IE thinks its funny to make it twice as thick and it sticks out, I’m sure Microsoft do these things on purpose in their attempt to take over the world!

The Definitive solution
Mixing the right Formula

He has: 18 posts

Joined: Feb 2006

It's all right I've fixed it, I changed the margin property to padding and it has sorted it.

He has: 113 posts

Joined: Jul 2005

There is a margin bug in IE because IE is not a full w3c compliant browser.

w3c states that an items total width should include items margin values. IE adds the margin values ON TOP of the items width.

You can find more information here: http://www.n2kdesign.co.uk/viewarticle.aspx?aID=31

He has: 18 posts

Joined: Feb 2006

Nice one, that does explain a lot but it doesn't help that most people use IE though.

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

ajr_designer wrote: Nice one, that does explain a lot but it doesn't help that most people use IE though.

Well, do some good. Convert an IE user today!

(preferably to Opera Wink )

a Padded Cell our articles site!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.