[Solved] Telerik MVC Combobox Not rendered properly in IE7

[Hilda]

Hi,

I am using nested telerik tabstrips with 2 levels. The last level has partial pages as content. There are Telerik MVC Comboboxes in my Partial views.

I have set the css propertiy for height so that all the pages are of the same size with the overflow:scroll option.

It is rendered properly in Google Chrome browser.

But in IE7 the comboboxes are fixed in position with respect to the screen i.e they behave as if position:fixed is used for it and hence the comboboxes move along with the screeen when the screen is scrolled.

Kindly Help.


Regards,
Hilda Fabiola Bernard

[Atanas Korchev]

Hello Hilda,

 There is a well known rendering bug of IE which I think you have hit - relative elements (the combobox) do not scroll.The only known workaround is to make the scrollable element relative as well:

.t-tabstrip .t-content
{
    position: relative;
}

All the best,
Atanas Korchev
the Telerik team

[Hilda]

Hi Atanas,

Thank you. That solved the problem.

Regards,
Hilda Fabiola Bernard

[Amin]

Hi,

I have the same problem with Telerik charts.

They appear and work perfectly in IE9.

But in Compatibility View and Google Chrome don't.

should I have some css or js to make it cross browser?

Thanks
Amin

[Alex]

I too had this problem, but for me getting rid of the relative positioning from elements that had them fixed the problem.  For the grid I did this:

.t-widget .t-grid .t-filter {
    position: static;
}

Update
----------
This was my mistake.  I didn't have to do the css above.  The elements that weren't scrolling were inside a Telerik splitter pane, and I didn't notice that I set it to .Scrollable(false) Once I set it to true everything was fixed.