Well, that's just not fair. ;-) It seems like such a very simple thing that I'm surprised to find that there's not a clean solution for IE.
This is a table with unknown number of rows (database driven), each row consisting of 5 cells. Having to add extra markup, as you suggest to each cell is probably how I'll proceed, but geesh, what a waste! I could probably just as easily do the whole thing in divs, faking the table look, but it is true tabular data, so that also seems like a waste of effort. Blah. ;-) Jen Jeniffer C. Johnson OffLead Productions http://www.offlead.com > -----Original Message----- > From: [EMAIL PROTECTED] [mailto:css-d- > [EMAIL PROTECTED] On Behalf Of Jukka K. Korpela > Sent: Saturday, July 12, 2008 5:55 AM > To: css-d@lists.css-discuss.org > Subject: Re: [css-d] border-spacing and IE > > J.C. Johnson wrote: > > > From everything I can find, border-spacing is still not supported by > > IE, correct? > > Correct. > > > Is there a workaround for this that allows for different > > vertical and horizontal spacing? > > The simplest workaround I can figure out is to use extra markup within > each cell, setting the desired border properties on that extra element > and margins for it, and setting no border for cells and no spacing > between the cells. > > > The css I've got (working on everything except IE) is: > > > > table { > > border-collapse: separate; > > border-spacing: 0 10px; > > } > > > > I just need to replicate this on IE. :-/ > > > The clumsy workaround that I have in mind would be something like the > following: > > Instead of each <td>...</td> write <td><div class="td">...</td></td> > (and ditto for <th> if present). For the table use <table class="foo">, > with something sensible instead of "foo". In CSS, use something like > > .foo { border-collapse: collapse; > border: none; } > .foo td { border: none; > padding: 0; } > .td { margin: 5px 0; > padding: 1px; } > > Note: 5px top and bottom margin correspond to 10px in your example, > because these margins do not collapse. The 1px padding is there to > simulate the default cell padding in most browsers. Naturally, if you > want borders on the cells, you set the border property for .td ("fake > cells" so to say). > > Jukka K. Korpela ("Yucca") > http://www.cs.tut.fi/~jkorpela/ > > ______________________________________________________________________ > 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/ ______________________________________________________________________ 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/
