[Solved] Grid Borders in IE9

[Jon]

Hi Guys,

I have this CSS set on a Metro Skinned Grid to stop the alternating item bottom border as well as the pager border - all works well in every browser except IE (9 at least)

div.RadGrid_Metro .rgRow td,
div.RadGrid_Metro .rgAltRow td
 {
     border-bottom:0 !important;
 }

.RadGrid_Metro td.rgPagerCell
  {
border-color:#ffffff !important;
  }

All help most appreciated.
Cheers,
Jon

[Galin]

Hello Jon,

I have tried the described scenario and it works as expected. There is no borders on data cells and above the pager. However you can achieve the same thing with one CSS rule and without !important, e.g.

div.RadGrid_Metro .rgRow td,
div.RadGrid_Metro .rgAltRow td,
div.RadGrid_Metro td.rgPagerCell
{
    border-bottom: 0;
    border-top: 0;
}

You can find attached screenshot on what is on my side.
Hope this helps.

All the best,
Galin
the Telerik team

[Jon]

Hi Galin,

Thank you very much for your reply.

It's the pager itself that I am seeing differently.
In IE8 & 9 - I am seeing a border all around except for the right border. Please see the attached screenshots.
_____________________________
| Pager......
|___________________________

In all other browsers the pager has no border as I want.

Many thanks,
Jon

[Galin]

Hello Jon,

I am sending a runnable sample page, in which the pager's border is as expected. Please check it out and let me know what is different on your side.

In case the issue persists, could you please start a formal support ticket or a forum thread and we will address your questions as necessary?

All the best,
Galin
the Telerik team