Link 1 | Link 2 | Link 3 | Link 4

Left Column

The left col can be used for navigation links, search box etc.

VIEW MORE TEMPLATES.

Two Column - Left Column Static with Header Bar

The left column is absolutly positioned and is a fixed width. It won't move.

The header row and content column, which you are reading from, are flexible. They will automatically change shape, width can be controlled by setting appropriate margins or an actual width can be specified if required.

CSS::

#hdr{
        height:30px;
        background:#c0c0c0;
        color:#000000;
        border:solid #000000;
        border-width:2px 0px;
        margin:40px 0 0 0;
        }

#lh-col{
        position: absolute;
        top: 92px;
        left: 20px;
        width: 180px;
        border: 2px solid #000000;
        background: #c0c0c0;
        color: #333333;
        margin: 0;
        padding: 0;
        height: 400px;
        }

#rh-col{
        margin: 20px 20px 20px 220px;
        border: 2px solid #000000;
        background: #ffffff;
        color: #333333;
        position :relative;
        padding: 20px;
        }