IE9 Compatibility Mode breaks header alignment

[Julian]

I am running an older version of the controls and have an issue where our internal intranet servers default IE behavior to run in Compatibility mode.

Telerik Version: 2012.3.1308.40 

This is breaking the alignment of my grids headers. The left most header has a empty column name. The rest of the columns headers are populated. 

 In the Screen shot you'll see how the "Plan" column header text is pushed to the left overlapping the top of my row headers. If I go into tools -> Compatibility View Settings and uncheck the option to run the browser in compatibility mode for all intranet sites the columns render just fine.

 

Any ideas on what this might be?

 

 

 

 

 

[Pavlina]

Hello,

This problem should be resolved in the latest Telerik UI version of ASP.NET AJAX controls. Download it and let us know if you still encounter the same alignment issue.

Regards,
Pavlina
Telerik

[Julian]

Thanks Pavlina. The issue actually was that our IT folks (I believe due to a perceived IE11 issue, which I'm certain I could fix) forced all intranet sites to run in Compatibility mode. Up until that point the headers were fine.

What I found was that I had the <headerstyle... tag being utilized within the Grid on the aspx page. With this tag you can set a default width of the column headers. Which in effect sets the width of the columns. However in my code behind on the columnCreated event I was specifying specific column widths (column.headerstyle.width) for some of the colulmns. So really this is just coder error. :(  Once I dropped the "width" property from the "<headerstyle..." tag on the aspx page the issue resolved itself. It was as if the aspx and the code behind were fighting each other. Viewing the html with chromes tools I was able to see some strange results regarding the widths. Widths such as "97" or "131.7". 

In the end the Telerik grid is fine. IE is definitely less forgiving than Chrome when it comes to the header's and their widths. IE's compatibility mode is just evil.

Thanks!

[Pavlina]

Hi,

I am glad to hear that the grid headers are working fine. Please do not hesitate to contact us again in case further questions or problems arise.

Good luck with your project.

Regards,
Pavlina
Telerik