Home/ Questions/Q 7598203
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T22:21:02+00:00

My users with IE7 were reporting that borders were missing for the second column

  • 0

My users with IE7 were reporting that borders were missing for the second column in tables. I was finally able to track down what’s causing it–a single line in telerik.common.css which is included because various pages on the site use Telerik’s MVC extensions.

I would like to be able to disable just that one line for just IE7 (no bug in IE6 or later IE versions). The example below uses text color instead of borders.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Test</title>
<style type="text/css">
table.Standard td
{
    color: black;
}
table.Standard tr.First td
{
    color: red;
}

/* Line that makes all cells in the second column red */
.t-grid .t-group-cell+td,.t-grid .t-hierarchy-cell+td{border-left-width: 0}
</style>
</head>

<body>
<table class="Standard" cellspacing="0" cellpadding="6" border="0">
    <tr class="First">
        <td class="First">red</td>
        <td>red</td>
        <td>red</td>
        <td>red</td>
        <td>red</td>
        <td>red</td>
    </tr>
    <tr>
        <td class="First">black</td>
        <td>black</td>
        <td>black</td>
        <td>black</td>
        <td>black</td>
        <td>black</td>
    </tr>
    <tr>
        <td class="First">black</td>
        <td>black</td>
        <td>black</td>
        <td>black</td>
        <td>black</td>
        <td>black</td>
    </tr>
</table>
</body>
</html>

Expected output:

expected output

IE7 output:

IE7 output

Live example

Tests with online browser previews

Browserling

browserling http://tgmayfield.com/sandbox/ie7-adjacency/Browserling-thumbnail.png

Adobe Browserlab

Browserlab http://tgmayfield.com/sandbox/ie7-adjacency/Browserlab-thumbnail.png

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I was able to verify the bug using a real installation of IE7. For whatever reason, the bug doesn’t appear using IE9’s browser mode for IE7.

    I was able to filter out the offending CSS by using this nasty looking hack: head ~ /* */ body

    So anything after the body declaration in that hack will be understood by all browsers except IE7

    head ~ /* */ body .t-grid .t-group-cell+td, head ~ /* */ body .t-grid .t-hierarchy-cell+td{border-left-width: 0}
    • 0