I am having fun and games with the formatting of a table inside nested divs. The table contents display shopping cart items. I have gone for a table because I need the table border grids. Infact, I need all cells showing a border except the top, right, bottom and left outside borders.
But back to the problem - the table just doesn't seem to fit inside the div properly unless I use display:inline;within it's css, but when I do, it throws the rest of the css formatting for the table width, borders etc off. Yet if I leave the display:inline; out, the table width and border formatting displays ok, but it doesn't sit UNDERNEATH the h2 element above dispite being contained within a div (<div class="shop-table-item-con
tainer">) which itself has display:inline;
I have tried a number of things here and am getting lost inside my own css. Sorry if it seems messy. Here's an example without display:inline; inside the table css: www.thefoodfolk.com/shop-eggs.html
Added to this, there will be a number of sections containing h1, h2 and table content which all need to be wrapped inside a single <form></form> Anyone still with me - I hope so!!!
Look forward to hearing from you, happy to consider an incentive for someone who can help me through this (as very time critical).