On May 2, 2008, at 8:31 AM, Sandy wrote: > So this works in all the other browsers (thats ie 6+7 and Safari) but > not in any firefoxes. > > http://sandygonzales.com/test/calendar.htm > > I am trying to get the fancy curve lines at the bottom but in order to > do that the table needs to be exact width by the pixel. That width is > 743px. Thats 105px each box (7 boxes) plus 8 border lines for a total > of 743. > As you can see in the bottom left corner in FF the border goes out by > 1pixel. The only way i can get it to be the correct width in FF is by > adding a 1px border to the table and removing the border-collapse: > collapse. But then i have uncollapsed cells! argh! > > Why wont is stay at 743pixels! Why is it off by only 1 pixel?
Welcome to the world of tables and border-collapse:collapse What Gecko does is absolute correct, per the specs. The border on the left most cell is placed half 'out' of the table. Here is an example using a 'fat' border (10px) on the second row of a table <http://dev.l-c-n.com/_temp/tb-brd-collapse.html> And your table is still 743px wide. But the left-most border is kind a pulled to the left by one 1px - how does one slice 1px on screen (can't) ? The rest of the cells are then distributed evenly (correct). Start by using table {border-collapse:separate; border-spacing:0;} td {border-right:1px solid; border-bottom:1px solid;} for the top row only : td {border-top:1px solid;} etc. Philippe --- Philippe Wittenbergh http://l-c-n.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
