Liquid/fixed layout example

CSS

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

#example02 #nav {
  float: left;
  width: 180px;
  height: 150px;
  background-color: #ccc;
  margin-bottom: 10px;
}

#example02 #content {
  margin: 0 30px 10px 210px;
  height: 150px;
  background-color: #ccc;
}

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