Step n°2


We set the rules for body
    /*colors*/
    /*fonts*/
    /*no margin*/
body{
background-color:#C9DDE4;
color:#0A00B0;
font:1em "times new roman",Geneva,Arial,Helvetica,sans-serif;
margin:0;
padding:0;
}
We define content.
    /*# as #content is used once*/
    /*color*/
    /*black border*/
    /*margins margin:30px 10px 10px 155px;*/
    /*fixed top margin*/
    /*margin on the left to leave
     enough space for the fixed sized menu*/
    /*distances between border and text or content*/
#content{
margin-top:30px;
background:#E9F5FE;
border:1px solid #000;
margin-right:10px;
margin-bottom:10px;
margin-left:155px;
padding:10px 5px 8px;
}
We style menugauche
    /*height will vary according to the browser zoom*/
    /*hide text if more than 155px*/
    /*position of menu: 90px from left top-corner*/
    /*fixed sized menu*/
    /*will be over a lower z-index*/
#menugauche{
background-color:transparent;
font-family:"times new roman",Arial,Tahoma,Helvetica,sans-serif;
height:35em;
overflow:hidden;
position:absolute;
top:90px;
left:0;
width:155px;
z-index:10;
padding:0;
}

Nestcape 4 begins to have problems.


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 step 3.