Introduction

We can use CSS to simulate tables or display a content in a few boxes.
In the next pages, you will find the steps to follow to have a menu1 on the left, a box for a text with different tables or columns.
The page will be simpler than this one and will be compatible with MSIE 6 (without conficts), Mozilla, Mozilla Firefox, Netscape 6, 7 and 8 and also Opera 6, 7, 8 or 9.
It will also behave correctly with Konqueror 3.2, Safari, Galeon, Epiphany and nearly as well with MSIE 5.5 and 5 and Opera 5.
It will be valid XHTML and valid CSS2.
There will be no javascript.

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.

Now, let's go to the page without style: step 1.

1 CSS cutting edge proposes other cross-browser solutions without lists for vertical and horizontal menus.
1 Other solutions for horizontal and vertical menus.

With javascript