Ok, I had a play around with this and I think this is a pretty close match without adding any extra markup. It should work fine in FF, Safari, Opera, Chrome and IE8. http://www.sitepoint.com/examples/tabletest/tabletest.html
Only issues I see: - It assumes a *reasonably *consistent table cell height - IE6+7 don't support 'border-spacing' properly which puts some extra white gaps into the layout IMHO, the IE6+7 rendering is a reasonable compromise, although conditional comments MIGHT even add a touch more polish there. Cheers, Alex Walker On Fri, Sep 25, 2009 at 11:23 AM, tee <weblis...@gmail.com> wrote: > >>> >> This has been an intriguing problem! If your cell height is constant, you >> can make one table and insert a background border (that doesn't quite fit) >> in the appropriate cells. See here: >> >> http://www.betasite.fsnet.co.uk/gam/tee/teeproblem.html >> >> It works, it is cross browser compatible (as far as I can check) and it >> validates. It keeps everything simple, too! It's only rough, but I just >> wanted to see if I could do it! >> >> HTH, >> >> Bob >> >> >> Bob, thanks. > > After testing out every method suggested including yours, I conclude that > this layout is just not possible using table only without adding extra div > in the cell to gain the white space between each tr row. > > Rimantas' method is more advanced but with the support of IE6, I need to be > more conservative as it's not making sense to use it if I still have to > insert div in the cell for IE6 (7 too?!) > > You can see the final result here by adding two products to cart (use > Firefox as I have not checked in other browsers yet): > http://submarine2.etrivo.com > > > Cheers, > > tee > > > ******************************************************************* > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > ******************************************************************* > > ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *******************************************************************
