Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Border width showing differently for different cells in Firefox

I am dynamically generating table with around 55 rows and 15 columns. I have set boder width of columns to 1px like this

#tblId td
{
    border:1px solid #616161;
    background-color:#EEEEEE;
}

But for some cells it show border thicker than 1px! Here are the part of my table, you can see the difference in borders for upper columns and below columns

enter image description here

Edit

Here is the fiddle http://jsfiddle.net/bz3Da/2/

That is really strange that it is looking good in the fiddle but not at my end, I checked no other classes are affecting the table.

like image 243
Pawan Nogariya Avatar asked Mar 25 '13 10:03

Pawan Nogariya


1 Answers

I reset the firefox zoom. It works!!! perfect. i found when i zoom in some border will be bold. blow is my cssenter code here firefox 50.1 / windows 7

table td, table th {  border: 1px solid #e8e8e8;}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
like image 53
sound Avatar answered Oct 06 '22 01:10

sound