Philippe Wittenbergh wrote: > 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/ > > > Thanks for response.
Per the css specs? Unfortunately border-collapse makes all my cell borders disappear in ie!! argh! What i did that that makes ie work and FF only a half pixel off instead of a pixel was just to keep everything the same and use the td border-right and border-bottom as you suggested and then classes for the left most and top most rows. I really don't see where FF is coming from with the idea of having the left most cell border placed half out of the table... sandy gonzales ______________________________________________________________________ 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/
