3 columns, center column fixed, sides fill parents

Question

How can I make B be a fixed 800px size while A and C fill the space, so they are all together touching? http://jsfiddle.net/8ufuV/

Answer 1

HTML:

a

b

c

CSS:

#main {
  display:table;
  width:100%
}

div {
  display: table-cell
}

#leftblock{
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 10px;
  border: 5px solid #ccc;
  voice-family: "\"}\"";
  voice-family:inherit;
}

#contentblock{
  padding: 10px;
  border: 5px solid #ccc;
  width: 100px;
}


#rightblock{
  top: 0px;
  right: 0px;
  margin: 0px;
  padding: 10px;
  border: 5px solid #ccc;
  voice-family: "\"}\"";
  voice-family:inherit;
}