ВопросДлина регионов

Есть два региона: левый и правый, в левом находится навигагия, а в правом основной контент, при заполнении правого региона материалом его длина растягивается, можно ли сделать так, что бы длина левого тоже растягивалась в зависимости от длины правого региона?

Комментарии

Аватар пользователя Spleshka
Spleshka написал:

Такие вещи делаются на javascript'ах. В цсс нет таких дефолтных средств.

08.04.2011 21:21
Аватар пользователя shopot
shopot написал:

У меня возник вопрос:
Нашёл ява скрипт, поставил, выравнивает отлично, но возникла новая проблема: когда не было скрипта, например при создании новой страницы, когда открывал Закладки с названием "Настройки меню", "Формат ввода", "Настройки публикации" и т.д они растягивали мою страницу и изменения были сразу видны, после установки скрипта, все теже действия не растягивают страницу, а просто содержимое вылазит за её пределы, с этим как то можно бороться, или это последствия скрипта и изменения не будут видны пока не обновить страницу?
Для наглядности вот ссылка на скрин: http://i074.radikal.ru/1104/0f/f0c279b3722e.jpg

13.04.2011 14:44
Аватар пользователя Spleshka
Spleshka написал:

Скорее всего на этой странице поломано что-то в скриптах, вот он и не отрабатывает как надо

16.04.2011 00:03
Аватар пользователя abix
abix написал:

Можно вернусь домой и скину вам верстку пример )))

14.04.2011 00:21
Аватар пользователя abix
abix написал:

Правильный способ(не работает в 6 и 7 ИЕ):

<div style="display:table-cell;width:50%">
  <div style="display:table-row">
    <div style="display:table-cell;background:red">column 1<br> stroke 2 column 1</div>
    <div style="display:table-cell;background:blue">column 2</div>
  </div>
</div>

Альтернативный способ:

<style type="text/css">
.col-wrap1 {
width:25%;
background:blue;
}
 
.col-wrap2 {
width:200%;
margin-right:-100%; /* чтобы IE6 не раздвигал контейнер */
position:relative;
left: 100%;
background:red;
}
 
.col1 {
float:left;
width:50%;
margin-right:-100%;
position:relative;
left:-50%;
}
 
.clear {
clear:both;
font-size:0;
overflow:hidden; /* тройной презерватив для IE */
}
</style>
<div class="col-wrap1">
  <div class="col-wrap2">
    <div class="col1">left column<br>left column stroke 2</div>
    <div class="col2">center column</div>
    <div class="clear"></div>
  </div>
</div>
14.04.2011 00:46
Аватар пользователя Spleshka
Spleshka написал:

Проверял этот способ в ие7 ? работает?

16.04.2011 00:02
Аватар пользователя abix
abix написал:

В 7-ке не проверял но думаю должен.

17.04.2011 17:57
Аватар пользователя abix
abix написал:

И вообще 7-ой ие это 5% от всей массы что вы на него заморачиваетесь?
З.Ы. так же как и на 6-ой. Все умерли забудте, быстрее сдохнут.

17.04.2011 18:00
Аватар пользователя Spleshka
Spleshka написал:

Я бы забыл. Многие заказчики до сих пор требуют чтобы всё работало и под 7ие. Поэтому это не моя прихоть, а вынужденная мера

18.04.2011 12:21
Аватар пользователя shopot
shopot написал:

А я всё же нашёл подходящий для меня скрипт jQuery, пока что его работай доволен

19.04.2011 23:44
Аватар пользователя Spleshka
Spleshka написал:

как я и говорил - скрипты :) Просто и кроссбраузерно

20.04.2011 10:03
Аватар пользователя abix
abix написал:

Лишняя нагрузка на страницу, хотя можно обойтись CSS. Вот так у нас и делают сайты. ((( Обидно за страну!

22.04.2011 13:06

Комментировать