Блок DIV во всю высоту

[DR.acula]

Имеются 3 блока див, должны быть все вытянуты по вертикали. Во втором(среднем) весь контент, в 1 и 3 рамка которая должна вытянуться до конца страницы(а не окна). Помогите с вытягиванием этих рамок по вертикали

Код:

CSS

#vertical1{

padding-right:115px;

position: relative;

float: right;

height: 100%;

background: url(photo/grmk.png) repeat-y;

clear: right;

}

#vertical2{

min-height:100%;

padding-left:115px;

position: relative;

float: left;

background: url(photo/grmk.png) repeat-y;

clear: left;

}

body {

min-height:100%;

background-size:100%;

position:relative;

background-attachment:fixed;

background-color:#CD96CD;

background-position:right bottom;

}

html {

min-height:100%;

}

#content {

padding-bottom: 100px;

}

HTML

<div>

<div id="vertical2">2312</div>

<div id="content">

текст(больше высоты экрана,т.е. присутствуют скроллы)

<div id="tab1"><p>

<img class="imgleft" src="photo/f1.jpg">

<img class="imgright" src="photo/f2.jpg">

</div>

</div>

<div id="vertical1">1234</div>

</div>

[USF]

height 100% не?

[DR.acula]

пробовал, максимально что добился, так это растяжение рамок(1 и 3 div)по высоте экрана, а при скролле вниз рамки отсутствуют

Edited November 5, 2012 by DR.acula

[USF]

ну если еще немного на эту поискать и не полениться, то обнаружится интересное свойство min-height

[DR.acula]

ну если еще немного на эту поискать и не полениться, то обнаружится интересное свойство min-height

посмотрите

#vertical2{

min-height:100%;

это присутствует но не помогает, и

#vertical1{

height: 100%;

я пробовал это у обоих рамок,которые по бокам, но это не срабатывает, может еще что можете посоветовать

[USF]

лучше всего поможет код, который есть уже.

теория теорией, а 100 грамм пары строк кода не разобраться

[DR.acula]

лучше всего поможет код, который есть уже.

теория теорией, а 100 грамм пары строк кода не разобраться

вот и я уже тут весь день сижу и ничего лучше придумать не могу

[v01d0s]

Может это подойдет

раз

два

[skvor]

Таблицей будет проще и быстрее ))

Насколько я понимаю, чтобы определить размер блока относительно родителя, надо чтоб у родителя был заданный размер. А если размер задан, то контент уже не будет растягивать блок.

[DR.acula]

Может это подойдет

раз

два

Спасибо, пригодилось)

Таблицей будет проще и быстрее ))

Насколько я понимаю, чтобы определить размер блока относительно родителя, надо чтоб у родителя был заданный размер. А если размер задан, то контент уже не будет растягивать блок.

В том то и задумка что сделать это надо блоками, с таблицей я уверен что проблем бы не возникло)