Grid column texts overlap each other

[Peter Steiness]

Hello everyone,

I am having issues with the ajax gridview control in an ASP.NET web project, and the problem seems to be simple.
The grid I am using has several columns with cells that contains alot of text. And these texts are overlapping each other. My first thought to this issue was a missing attribute.

Lets say, I have 5 columns, each column as default gets a 20% space for text to be displayed, however, the text in the cells doesn't stay within these 20% and overlaps the other cells creating a huge mess.

This happens in IE9 without compatibility view, Chrome, Opera and Safari.

BUT ... wait for it ... this isn't an issue in IE9 with compatibility view, IE7 / IE8 and the new Firefox browser.

Can I somehow post images to give a better view of what I'm referring to?

Appreciate any helpful replies/statements!

- Boesgaard

[Gimmik]

Hi Philip,

Can you post some screen shots of what you are seeing? Text-wrapping might work but I would still like to see what you are seeing before I make a recommendation.

Thanks,
-Gimmik

[Princy]

Hello Philip,

Please check the following forum thread which discussed similar scenario.
http://www.telerik.com/community/forums/aspnet/grid/column-text-overlapping-over-the-next-column-in-firefox.aspx#963329

Thanks,
Princy.

[Peter Steiness]

Hello, thanks for your reply

I have attached two pictures, one with compatibility and the other without (where it goes bananas).

I tried it out in various browsers to see if that was the issue, only firefox shows it correctly and IE with compatibility.

[Peter Steiness]

I managed to solve the problem with the link posted above, simply said, it was a style "overflow: hidden;" that was needed.

Thank you :)