wsg  

Re: [WSG] a table layout issue

tee
Thu, 24 Sep 2009 18:31:11 -0700



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
*******************************************************************