Edges of decorated controls appear in different position

[Adam]

On my webpage I have a div and in that div I have a button which is absolutely positioned in the center of the div.  The button is decorated correctly, but the right edge of the button appears in the upper left corner of the div.  There is a similar issue with the text box also.  The issue happens in IE8 regular as well as compatability mode.  In Firefox however everything is correct with no issue.

[Georgi Tunev]

Hello Adam,

I guess that you apply absolute positioning to the button itself with the style attribute, am I right? We do not check what the style actually is, because such check would decrease the performance of the control. That is why, in such scenario I would recommend to wrap the button in a SPAN and center the SPAN, not the button - this way your page will look as expected.


Regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Adam]

Yes, I was using the style attribute.  I will try to use the SPAN, thanks for the suggestion.  One thing I do nto understand is when does if work in the Firefox browser and not in IE.

[Georgi Tunev]

Hi Adam,

Actually Firefox acts as expected in such scenario, so I assume that the problem is in IE itself, however at this point I cannot tell for sure what exactly is causing the problem.

All the best,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Adam]

Thanks for you help.