Menu

Link 1
Link 2
Link 3
Link 4
Link 5
Link 6

Menu

Link 1
Link 2
Link 3
Link 4
Link 5
Link 6

Three Column Nested - Flexible

Very simply, the outer container box (light grey) keeps the page centered and allows it to float in the window. The left and right columns (dark gray) are floated to the left and right respectivly, the margins help position the center content column (white).

    #main {
        text-align: left; 
        width: 95%; 
        border:0px; 
        padding: 0px;
        background:#eeeeee;
        color: #333333;
        height:80%;
        }
        
    #lh-col {
        float: left; 
        width: 145px; 
        height: 300px; 
        position: relative; 
        padding: 0px;
        border: 1px solid #333333;
        background:#c0c0c0;
        color:#333333;
        }
        
    #rh-col {
        float: right; 
        width: 120px; 
        height: 300px; 
        position: relative; 
        padding: 0px;
        border: 1px solid #333333;
        background:#c0c0c0;
        color:#333333;
        }
        
    #c-1 {
        margin: 0px 119px 0px 144px; 
        position: relative; 
        padding: 0px; 
        border: 1px solid #333333;
        height: 300px;
        background:#ffffff;
        color:#333333;
        }