In response to Francisco (Jose F.Porto da Silveira) who notes that Arachne does
not cancel centering within tables.
This might give you an acceptable result:
<center>
<table border="1" width="90%"> <!-- sets size and border -->
<tr><td bgcolor="white" width="100%"> <!-- ensures no border showing between rows -->
<table border="0" cellpadding="15"> <!-- padding around text: replace with
empty cells if
no padding is required
above/below from new row -->
<tr><td bgcolor="white"> <!-- background for text area -->
<center>
<font color=red><b>Section title</b></font>
</center>
</td></tr> <!-- end row, start new row, to
cancel centering -->
<tr><td bgcolor="white" valign="top">
<font color="green"><b>Item item item</b></font>
<br><br>
blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah
<br>
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
lah blah blah blah blah
<br>
blah blah blah
blah blah blah
blah blah blah
</td></tr> <!-- end of text-area table -->
</table>
</td></tr> <!-- end of table providing border
and nesting -->
</table>
</center>
A problem is the cellpadding above and below text caused by the starting of a new row.
This may be overcome by setting cellpadding=0 and using empty cells (actually, they
should contain a <br> or <br>) for the padding at the sides.
The table border isn't too even, but I've seen similar results with nested tables in
other
browsers.
Check out quite an involved table at
http://www.wymondhamleics.free-online.co.uk/sed-001.htm
Cheers,
Jake
