Показать сообщение отдельно
  #1 (permalink)  
Старый 25.10.2014, 14:47
Интересующийся
Отправить личное сообщение для TheDude Посмотреть профиль Найти все сообщения от TheDude
 
Регистрация: 24.05.2014
Сообщений: 25

Абсолютный блок на весь экран
Здравствуйте. В моем случае получается, что левый блок 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;}
Ответить с цитированием