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

1Dreamweaver1

Профессор
Регистрация
4 Янв 2008
Сообщения
417
Реакции
45
Ра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>
 

Вложения

  • sample.jpg
    sample.jpg
    3,6 KB · Просмотры: 4
Можно javascript'ом сравнивать высоту столбцов и выравнивать по самому длинному. Или самый простой вариант сделать колонки табтицей.
 
Перепишите файлы из архива в папку "js" рядом с папками "images" "css".
Укажите в "head" через script пути к файлам из архива
В файле equalHeight.js в строке
Код:
setEqualHeight($("#leftSidebar,#content"));
замените #leftSidebar,#content на свои id.
Удачи!
 

Вложения

  • SameHeight.rar
    27,9 KB · Просмотры: 10
А других вариантов, кроме предложенных двух - таблицу сделать и джавой, быть не может?
Делал специально без таблиц, а джава - элемент мне совсем не понятный. Тем более папки "CSS" нет вовсе, а папка "images" на один уровень выше находится (attachments\SC\), чем папка "user_mika" (attachments\SC\themes\user_mika), в которой есть файл "index.html" и файл стилей "main.css".
 
Я просто в шоке!!!
Зайдёт человек с выключенным js и весь дизайн развалится.
Даже комментировать не хочу по коду. Учите css - ну это совсем школа.
 

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