[Решено] Отделить вертикальной чертой позицию - Вопросы по CSS

Подскажите, пожалуйста, как отделить позицию (Left) вертикальной чертой. Он в настоящее время отделяется только не на всю высоту, а только на высоты расположенного в левой части текста. Проблема здесь http://za.kz/sintez2/napravleniya-deyatelnosti/proizvodstvo/litsenzii
Буду очень благодарна.

<div class="left" style="width:20%; height:3000px;"> но так не выход... нужно подогнать под высоту правой части

Назначить бордер большему по-высоте блоку, т.е. контенту:
Ширину и отступы сами подгоните, думаю.

Назначить бордер большему по-высоте блоку, т.е. контенту:

Код: css

#middle-content > .content {
    left: 0;
    overflow: hidden;
    position: relative;
    top: 10px;
    z-index: 1;
    border-left: 2px solid #000;
    padding-left: 10px;
}
#middle-content {
    padding-bottom: 20px;
}

Ширину и отступы сами подгоните, думаю.

Благодарю. Всё получилось. Наложила друг на друга и теперь всё ок и когда контент больше и когда меньше. Полоска занимает всю необходимую высоту.

Если неизвестно, какая колонка будет выше, то сложнее конечно, но решаемо:
Вариант 1: просто назначить эту полосу фоном к общему родительскому элементу. Просто.
Вариант 2: требует некоторых знаний вёрстки и двух дополнительных контейнеров.

Типа схема:

Суть метода в том, что бордер колонки будет у общего контейнера со специально уменьшенной шириной. Уменьшенной до ширины колонки. Следующий контейнер просто растягивает область до первоначального размера. Ну а дальше просто наши колонки идут. Стили для примера будут такие (условно)

Разметка будет такая:

Если неизвестно, какая колонка будет выше, то сложнее конечно, но решаемо:
Вариант 1: просто назначить эту полосу фоном к общему родительскому элементу. Просто.
Вариант 2: требует некоторых знаний вёрстки и двух дополнительных контейнеров.

Типа схема:

Спойлер

[свернуть]

Суть метода в том, что бордер колонки будет у общего контейнера со специально уменьшенной шириной. Уменьшенной до ширины колонки. Следующий контейнер просто растягивает область до первоначального размера. Ну а дальше просто наши колонки идут. Стили для примера будут такие (условно)

Разметка будет такая:

Код: html4strict

<div id="wrapper">
	<div id="container">
		<div id="left">Левая колонка</div>
		<div id="right">Правая колонка</div>
		<div class="clear"></div>
	</div>
</div>

Код: css

#wrapper {width:300px; border-right:#ccc solid 2px;}
#container {width:700px;}
#left {width:300px; float:left;}
#right {width:700px; float:right;}
.clear {clear:both;}

Благодарю. Наложили. Решили проблему. Вам плюс.