AmitB
05-20-2009, 10:45 AM
Hi,
I have a table with a border, and what I'm trying to achieve is having a couple of rows with a different border, or with no border at all.
The problem is that I couldn't achieve that in IE. In the following example, FF has a blue border all around the second row. In IE, however, the edges of that row, left and right, kept the table's black border. How can I "run over" the table border in IE?
table.tmp
{
border-left: 1px solid black;
border-right: 1px solid black;
border-collapse: collapse;
width: 30%;
}
table.tmp td
{
border-bottom: 1px solid black;
border-top: 1px solid black;
width: 50%;
}
tr.SomeBorder td
{
border: 5px solid blue;
}
<table class="tmp">
<tr>
<td>a</td>
<td>b</td>
</tr>
<tr class="SomeBorder">
<td>c</td>
<td>d</td>
</tr>
</table>
I have a table with a border, and what I'm trying to achieve is having a couple of rows with a different border, or with no border at all.
The problem is that I couldn't achieve that in IE. In the following example, FF has a blue border all around the second row. In IE, however, the edges of that row, left and right, kept the table's black border. How can I "run over" the table border in IE?
table.tmp
{
border-left: 1px solid black;
border-right: 1px solid black;
border-collapse: collapse;
width: 30%;
}
table.tmp td
{
border-bottom: 1px solid black;
border-top: 1px solid black;
width: 50%;
}
tr.SomeBorder td
{
border: 5px solid blue;
}
<table class="tmp">
<tr>
<td>a</td>
<td>b</td>
</tr>
<tr class="SomeBorder">
<td>c</td>
<td>d</td>
</tr>
</table>