IE 8 Stylesheet and RADGRID problem

[Steve]

Hi

Since upgrading to IE8.0.7600 I'm struggling with this stylesheet and it's affect on the RADGRID in IE8. The RADGRID has 2 Buttons on a row which can no longer be clicked, also when clicking to expand the Details table now throws a Javascript error.

The rogue stylesheet class is as follows, it's the width: 948px which seems to be causing the proble, if this is removed the page looks awful because everything is moved but the Buttons and details table work fine. I've tried inserting various z-index entries but without success. 

#container

 

 

 

{

 

 

background: #fff none;

 

 

 

height: 100%;

 

 

 

height: auto !important;

 

 

 

margin: 0 auto -100px;

 

 

 

min-height: 100%;

 

 

 

padding: 0;

 

 

 

text-align: left;

 

 

 

width: 948px;

 

}

 

Steve

[Galin]

Hello Steve,

The problem is not the dimensions of your container. Perhaps it works better when you remove the width, because everything becomes dislocated and there are no more elements above your buttons.

I highly recommend that you use web tools like Firebug for Firefox / IE developer tools. Shortcut F12 activates both and with them it is very easy to inspect the elements and to see the styles that they have. After inspecting the styles of buttons you can add or edit their rules and follow how they change. 

If the problem persists please send us more information about it or a runnable project demonstrating the issue. 

Regards,
Galin
the Telerik team

[Stevent]

Hi

I tried the F12 thing on IE, couldn't follow that at all, however I had a brain wave and replaced the Buttons with ImageButtons which worked perfectly fine.

Thanks

Steve