Menu

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

VIEW MORE TEMPLATES.

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).

Quite a simple template to put together. BUT it has one majour flaw! Just resize your browser window to a small size and you'll see! :(

    #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;
        }