[Solved] Fire Fox displays overlapping grid column text

[Jay]

Hey everyone,
We have been having issues with Telerik RadGrid in Firefox and also IE8 to some degree. I wasn't aware that using Telerik controls required any special behavior in making them cross browser compatible but I am constantly told to go in and tweak this style class and that style class. It's getting a bit much.

1. First, we get odd column widths and readability when using IE8 and NOT in Compatibility mode? Anyone running into this?

2. Second, in FF we get really odd behavior where the columns seem to be displaying all of the text but just overlapping the next column over. (I have attached a screen shot)  
    a. Notice in the screen shot that the column headers for Download, Print, and View are larger. I was told I needed to  override the Telerik style in my master.css to fix this? 
    b. Column text just flows into the next cell and doesn't seem to obey the boundaries or wrap
    
Any help is appreciated.

[Dimo]

Hi Jason,

1. Are you using a RadControls version, which is newer than 2009.1.402 (Q1 2009 SP1) ? The previous versions do not support IE8.

2a. If you are setting HeaderStyle.CssClass, make sure you are preserving the native CSS class. For example: CssClass="rgHeader  MyCustomClass"

2b. Use

.RadGrid  .rgRow  td,
.RadGrid  .rgAltRow  td,
.RadGrid  .rgHeader
{
       overflow:hidden;
}

Greetings,
Dimo
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.

[Jay]

Dimo,
Yes, we were using 2 versions earlier than the 2009 build. We have updated to this version for use in our next release.
Thanks,
Jason