How do I make a grid layout with one static column and one responsive column?

Question

I'm trying to create a two column layout with a fixed width column on the left, and a responsive column which takes up the remaining space on the right. Here's an example:

<div>
  <div style="width:120px"></div>
  <div></div>
</div>

I've been working on this for a while now, but I can't seem to get it to work. Help would be greatly appreciated. Thanks!

Answer 1

There is a simple solution using No TABLES and table styles with float and margin:

.sidebar { 
    width: 200px; 
    float: left; 
}
.content { 
    margin-left: 200px; 
}

Example: http://jsfiddle.net/NrFLf/