Firefox and IE render margins/padding/borders differently. In firefox, margins padding and the border are an addition to the width of the element. In IE, they are included as part of the size of the element. When you set the width of an element in IE you are setting the total width of the element including padding/margins/ borders. When you set the width of an element in FF, you are setting the inside width of the element. Borders/padding/margins will then be added to this width.
So, if you have an element with the following style: "width: 100px;padding:10px;margin:10px;border:10px solid black;": In internet explorer you will have: Total Width = 100px; Inside Area = 100px - 2*10px (margin) - 2*10px (border) - 2*10px (padding) = 40px; In firefox you will have: Total Width: 100px + 2*10px (margin) + 2*10px (border) + 2*10px (padding) = 160px; Inside Area = 100px; --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/Google-Web-Toolkit?hl=en -~----------~----~----~----~------~----~------~--~---
