Liquid layout example

CSS

#example01 #header {
  height: 50px;
  background-color: #999;
  margin-bottom: 10px;
}

#example01 #nav {
  float: left;
  width: 25%;
  height: 150px;
  background-color: #ccc;
  margin-bottom: 10px;
}

#example01 #content {
  float: left;
  margin-left: 5%;
  width: 65%;
  height: 150px;
  background-color: #ccc;
  margin-bottom: 10px;
}

#example01 #footer {
  clear: both;
  height: 50px;
  background-color: #999;
  margin-bottom: 10px;
}