Hi jagadesh, > > i am also working on the same issue . i developed a application which > is working differently in firefox and ie.. the main problem araises > with the css . width , height are working differently in both > broswers . >
yep, they do. This is the IE "broken box model". HTML specs say borders/padding margins etc should be added to the hight/width of the widget. That's what FF & Safari do. But IE subtracts them. There are various ways to deal with this, for example: 1. Look up CSS hacks as Salvador points out. 2. Design your UI widget layouts so it doesn't actually matter - that's what Google tend to do (see some GWT examples in both FF & IE to see this, they are slightly different) 3. Wrap widgets you want to apply borders etc to with an extra SimplePanel (a decorator panel basically) and apply the border/margin etc to the decorator, not the panel. What happens in 3 is FF & Safari put the border on the outside of the decorator SimplePanel, but IE puts the border on the inside of it. However the result is the widget itself comes out exactly the same size and in the same place in all three. regards gregor --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
