Two Column Flexible

The left column uses float left and has a percentage width allowing both columns to 'flow' as the browser window changes shape.

Drawback? Resize your browser and see!


Here is the CSS for the divs.


body{
     margin: 0;
     background: #FFFFFF;
     color: #333333;
     }
h4 {margin:0; padding: 5px 0;}
#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: #eee;
		color: #333333;
        margin: 0;
        padding: 40px;
        }
#rh-col{
        background: #FFFFFF;
		color: #333333;
        margin: 0;
        padding: 0;
        }



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