Разтянуть div по высоте

[1Dreamweaver1]

Раcтянуть div по высоте

Структура из двух колонок: слево - rounсoner, справо - основной контент.
Подскажите каким образом можно раcтянуть левую чась (rounсoner) по высоте, в зависимости от сонтента (правой колонки).

.toppart{
background: url(../images/corners/top.gif) top left no-repeat;
width:148px;
height:6px;
overflow:hidden;
}
.middlpart {
background: url(../images/corners/middle.gif) top left repeat-y;
}
.bottompart{
background: url(../images/corners/bottom.gif) bottom left no-repeat;
width:148px;
height:14px;
}
.centercol {
float:right;
width:500px;
margin:0px auto;
}
<div id="main">
 <div class="leftcol">
    <div class="toppart"></div>
        <div class="middlpart">
	   <div id="leftnavigation"> Navigation here </div>
        </div>
          <div class="bottompart"></div>
 </div>
 <div class="rightcol">
 right content 
</div>
</div>

 

[rombikr]

Можно javascript'ом сравнивать высоту столбцов и выравнивать по самому длинному. Или самый простой вариант сделать колонки табтицей.

 

[zek24]

Перепишите файлы из архива в папку "js" рядом с папками "images" "css".
Укажите в "head" через script пути к файлам из архива
В файле equalHeight.js в строке

setEqualHeight($("#leftSidebar,#content"));

замените #leftSidebar,#content на свои id.
Удачи!

 

[mikas3025]

А других вариантов, кроме предложенных двух - таблицу сделать и джавой, быть не может?
Делал специально без таблиц, а джава - элемент мне совсем не понятный. Тем более папки "CSS" нет вовсе, а папка "images" на один уровень выше находится (attachments\SC\), чем папка "user_mika" (attachments\SC\themes\user_mika), в которой есть файл "index.html" и файл стилей "main.css".

 

[bork75]

Я просто в шоке!!!
Зайдёт человек с выключенным js и весь дизайн развалится.
Даже комментировать не хочу по коду. Учите css - ну это совсем школа.

 

[dandandan]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Вот вам пример 4 способа как создать блоки одинаковой высоты.