I read that sometimes it is a good idea to put a table inside another one, but one of the comments I found here said it wasn't!
My web site consists of 3 tables each of equal width with different column spacings.
I used a css tab on the bottom one to set left and right borders which is fine.
table.borders {
border-left-style: solid;
border-left-color: blue;
border-left-width: 1px;
border-right-style: solid;
border-right-color: blue;
border-right-width: 1px;
}
I thought of using a wider border and using grooved or ridged. The problem is that this only works on the one table. Well it's easy to put it on the other two separately, like:
<table width=780 align="center" class="valignT bgWhite borders">
where class borders gives the property above in the style sheet.

A neater solution would be to create an outside table.
I tried this but the border does not show.
An additional issue is that working in DreamWeaver I can edit in the extra table code in the code section, but in the design view the whole site disappears. But it does produce a dispayable web page but no border.

I don't know if my basic design of 3 tables is ideal. I have seen nested tables but do not know the rules for doing this.

Any recommendations please?