Grid Scrolling example

[John]

Hello Telerik,

I experienced some strange look and feel issues when enabling scrolling in a gridview. It concerns the header + footer background not using the full width. This behaviour also appears in your online example:

http://demos.telerik.com/aspnet-ajax/grid/examples/client/scrolling/defaultcs.aspx

When you take a look at this in IE compatability mode, if looks perfect!
However when you use IE8 or Firefox, the background of the header and footer are not using the entire width.

Is there any solution to make this also compatable for IE8/Firefox?

Thank you,

John

[Dimo]

Hi John,

The observed layout is expected in IE8 and Firefox3, due to the different way these browsers handle paddings:

http://blogs.telerik.com/dimodimov/posts/08-07-23/browser_inconsistencies_with_scrolling_and_padding.aspx

Generally, I would suggest you to leave the empty space as is, if it's not a major showstopper for you. A possible, but not universal workaround is discussed at:

http://www.telerik.com/community/forums/aspnet-ajax/grid/ie-8-header-ui-problem.aspx

Regards,
Dimo
the Telerik team