Neutron2k — Wed, 14 Jun 2006 10:14:18 +0000

THe problem with margins in IE is down to the fact that IE is NOT a w3c compliant browser, and it has had a bug with its 'Box model implementation' since version 5.

W3c reccomendation state that a browser should add an elements margin values to the Total width of the element. Internet explorer includes the margins IN the items width.

thus a div with a width of 50px and a margin of 10px each side in firefox, still has a total width of 50px. In IE however, it will be a width of 70px (50px + 10px margin each side).

I have written an article on this at http://www.n2kdesign.co.uk/viewarticle.aspx?aID=31

thesocialx — Wed, 14 Jun 2006 04:05:12 +0000

Ha Ha. Awesome. It worked. That was really the one thing that was holding me back from CSS. Thanks a ton guys!

Renegade — Tue, 13 Jun 2006 22:54:35 +0000

Yeah, it could be the default margins and paddings of the elements you are using. With every site that I make, I always have the following:

body, body * {
position:relative;
margin:0;
padding:0;
}

This gets rid of all the default margins and paddings (position:relative; is there for Opera[6]). I find it gives me more control if all the margins and padding is set by me.

teammatt3 — Tue, 13 Jun 2006 21:55:23 +0000

1. I think the problem is the default margins of the browser. Try using
body {margin:0px; padding:0px;} That might fix it. I think having an outline div and then two floated divs inside it is the best way (that's what I use all the time.)

2. Can't help ya there, but I'm sure someone else here can