Ever wonder if you can create a fluid layout with a fixed witdh column? Well, you can!


    <title>Fixed Left Column</title>
    <link rel="stylesheet" href="test.css" type="text/css" />
    <div>Left div</div>
    <div>Right div</div>


.left {
	width: 300px;
	float: left;
	background-color: #CCCCCC;
.right {
	margin-left: 300px;

There are very few times in life that you can have things both ways, this is one of them.

Share this post