Step n°5 for modern browsers

With recent browsers, we can use an unordered list for the "table". The HTML and CSS will be much smaller.

For three columns, we will have:

ul#trois_col{
margin:0;
padding:0;
list-style:none;
min-width:30em;
}
ul#trois_col li{
width:30%;
white-space:nowrap;
margin:-1px -1px 0 0;
padding:.2em .4em;
border:1px solid #FAAAFF;
overflow:hidden;
float:left;
}
Title for a table with 3 columns
Title for a table with 2 columns
Column on the left using half of the content part of the page with margins on both sides.
Column on the right using half of the content part of the page with margins on both sides.

Thus no table, no javascript, but a few navigators will not be able to display all the content.
You can try to adapt the pages or the stylesheet as the next page does.