grid: Cross-browser / Column Widths / Cell styles


The default CSS for your grid cells has a 1px border on TOP + RIGHT + BOTTOM + LEFT of cells.

My stylesheet dictates there must be RIGHT + BOTTOM borders only, to prevent little gaps appearing around some cell contents, some custom eXcells, and at the junctions of borders when TOP and LEFT are set to the cell background colour (as in your default CSS).

However, In FireFox, when a cell doesn’t have a left-border, the width of my grid is short by: # of Columns * 1 pixel.

Is there a workaround for this problem?



(And thanks for your excellent support on this product… I’m really impressed with the fast responses to all my queries so far!)

You can try compensating this difference with padding. Like this:

border:1px solid gray;
border-width: 0px 1px 1px 0px;
padding: 1px 0px 0px 1px;