Как это можно сверстать?

bg-postion?
bg-attachment fixed?
before/after + pos-absolute + bg?

jsfiddle.net/f48ZD/156
это как один из способов. Но я бы сделал создал два блока под каждую из колон, блокам дал бы через background
фон который находится под колонной, их выравнял как в примере выше, через :before и : after задал бы верх и низ колонны position: absolute и z-index: 5;, поместил бы влок div, так же с позиционированием, ему height: 100%; width: какая надо; , и на bockground: repet-y; поставил бы середину колонны, и колонна бы всегда была равна высоте блока с контентом

Как я понял, необходимо чтобы слева и справа фиксированно были две колонны. По центру как обычно весь контент.
Вариант решения:

<div class="wrapper">
  <div classs="wrapper-left">
    <div class="wrapper-right">
      {контент}
    </div>
  </div>
</div>

Первый wrapper просто, чтобы все аккуратно в одном месте было.
wrapper-left { background для левой колонки }
wrapper-right { background для правой колонки }

Эстетически не очень, но работать будет везде.