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
- Left
- Center
- Right
- The text is hidden
- if there is
- an overflow
- so that alignment
- is not modified.
Title for a table with 2 columns
- Wide column on the left
- Narrow on the right
- Centered text
- Bold characters
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.