On 1/8/07, Martyn Clark <[EMAIL PROTECTED]> wrote:

Hi
I have a div element with just a few words of text directly in the div, I
have applied padding using em's but when I view this in IE and Firefox IE
seems to make the element larger than it appears in Firefox.

If I put an equal amount of padding all round the div element in Firefox
this places the text to be aligned in the centre of the div, while in IE the
text seems lower down and the div appears a lot larger. Can anybody shed
some light on this?

My guess is that there is margin or padding on another element (the
body, maybe) that is causing the difference in IE. Try the universal
selector:

* { margin:0; padding:0; }

which should remove the discrepancy between browsers, and then go
about eliminating margin and padding individually on different
elements until you find the one that caused the problem.


--
--
Christian Montoya
christianmontoya.net .. designtocss.com


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to