Grudge wrote:
Well, if your code complies to the standard it should work automagically in both FF and IE7, and you only have to make some hacks for IE6, so it should be more or less the same as before.
If only that were true. Unfortunately it isn't.
For instance, one thing IE and FF do different is the way they handle the CSS padding keyword.
Padding is used to define the space between the edge of, say, a DIV element and the content within that element.
To determine the width of the DIV, Firefox takes the width property of the DIV and adds the padding to that, together totalling the actual width of the DIV element. So a div with a 100px width and 10px padding is actually 110px wide with a content width of 100px.
In IE, padding is inside the DIV element, so the same div as before has an actual width of 100px with a content width of 90px.
Just one example of a difference between the two browsers.
Firefox is the one using the w3c standard implementation of padding here by the way.
