Geek asks and answers

Why does Firefox continue to remove 1px at the border of the table cell?

Is there a reason Firefox removes the 1px border value that I define in the CSS file?

.aprovGriditem th
{
   border-collapse: collapse;
   border: 4px solid #BBC6E3;
   padding: 0;
}

EDIT

<table cellpadding="0"  cellspacing = "1" runat="server" id="tblEmployees" width="100%">
 <tr id="tr1" runat="server" class="aprovGriditem">
   <td>
        <asp:Label ID="Label1" runat="server">
   </td>
</tr>
</table>

When I check firebug, I see that the value of the border is 3 . When I set the value to 3 , I get 2 . And how to deal with it?

+5
source share
1 answer

I don’t have much explanation, but when testing with the violin it seems that firefox reacts differently than other browsers when the border collapse is placed in only one type of element inside the table. Move the collapse border to the whole table:

#tblEmployees{
   border-collapse:collapse;
}
.aprovGriditem th
{
   border: 4px solid #BBC6E3;
   padding: 0;
}
+1
source

More articles:


All Articles