Header

Two Column Flexible With Header

This is the same as the 2 Column Flexible but with the addition of a header div for top navigation or banner.


Here is the CSS for the divs.

body{
     margin: 0;
     background: #efefef;
     color: #333333;
     }
h4 {margin:0; padding: 5px 0;}     
#hdr{
     width: 100%;
     height: 65px;
     margin: 0;
     border: solid #333333;
     BORDER-BOTTOM: black 1px dashed;
	 BORDER-TOP: 0;
	 BORDER-LEFT: 0;
	 BORDER-RIGHT: 0;
     background: #c0c0c0;
     color: #333333;
     }     
#lh-col{
        width: 60%;
        float: left;
        border: solid #333333;
        BORDER-RIGHT: black 1px dashed;
		BORDER-BOTTOM: black 1px dashed;
		BORDER-TOP: 0;
		BORDER-LEFT: 0;
        background: #ffffff;
		color: #333333;
        margin: 0;
        padding: 40px;
        }
#rh-col{
        background: #efefef;
        color: #333333;
        margin: 0;
        padding: 0;
        border: 0;
        }




Right Column

The right column can be used for navigation links, search box etc.