Абсолютный блок на весь экран
 

Здравствуйте. В моем случае получается, что левый блок col1 имеет высоту 100% относительно блока layout (он же не растягивается вместе с контентом вниз до конца, веря firebug-у), как нибудь можно сделать, чтобы левый блок растягивался относительно блока с контентом вниз до конца?

<div class="header">Шапка сайта</div>
  <div class="layout">
   <div class="col1">Колонка 1</div>
   <div class="col2">Колонка 2</div>
   <div class="col3">Колонка 3</div>
  </div>


.header { }
.layout { position: relative; height: 100%;  }
.col1 {  width: 250px;  position: absolute; background-color: red; height: 100%; bottom: 0; top: 0;}
.col2 {  left: 250px; right: 250px;  position: absolute; }
.col3 { width: 250px; right: 0;  position: absolute;}

не понял что требуется
добавляй [html run height=500]

Неа, layout не растягивается.

<style>
.header { }
.layout { position: relative; height: 100%;  }
.col1 {  width: 250px;  position: absolute; background-color: red; height: 100%; bottom: 0; top: 0;}
.col2 {  left: 250px; right: 250px;  position: absolute; }
.col3 { width: 250px; right: 0;  position: absolute;}
</style>
<div class="header">Шапка сайта</div>
  <div class="layout" style="border:2px solid #00f">
   <div class="col1">Колонка 1</div>
   <div class="col2">Колонка 2</div>
   <div class="col3">Колонка 3
    <div style="height:1000px;background:#ddf"></div>
   </div>
  </div>
</div>

Не нужно указывать высоту, если указали top и bottom (исторический факт: в IE7 это не сработает)
Процентная высота работает только когда у родителя задана высота. Причем для родителя это условие тоже должно выполняться. То есть у всех предков должна быть указана высота.
В данном случае у body высота не указана, так что для .layout height не будет работать. Чтобы работала, нужно указать высоту для body и для html