Высота левого и правого блоков - как их выровнять?

Голоса: +1
Хотелось бы, чтобы правый блок автоматически выравнивался по высоте с левым, независимо от того сколько информации на нем размещено. Сейчас правый по высоте больше, так как я задала
#sidebar {background:#90afc5;float:right;width:25%;height:600px}
Адрес сайта http://malinatomsk.ucoz.ru
| Автор: | Категория: Дизайн сайта
Вопрос ещё актуален?
В принципе, актуален.
А что значит "правый" и "левый" блок?

Левый, полагаю, это тот, где "приветствую вас...", а правый? Это где само содержимое страницы?
Левый - это контент, содержимое страницы, а правый - это первый контейнер.
Я не совсем понимаю, как вы их "выровнять" хотите. Они в принципе по высоте разные так как информации в содержимом больше. Как это выглядеть должно в итоге?
Это я понял, я о другом. Вы себе как это визуально представляете? У вас сейчас сам блок никаким образом не выделяется. Т.е. у него даже фона нет, что бы его "выравнять". Понимаете?
Примерно представляю, есть какие-то варианты решения этой проблемы?
Очень хорошо, что вы примерно представляете. Как это нам представить?

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

я показала скриншот как я хочу это видеть. https://yadi.sk/i/u9v8C-jyfNXZJ

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

попробуйте заменить стили в строке номер 197 на:

#sidebar {
background: linear-gradient(to bottom, #90afc5, #b8ccda );
background-position-y: 9px;
float: right;
width: 25%;
height: 700px;
margin: -10px 0px;
}

background-position-y: 9px; - здесь мы двигаем фон, опустили на 9 пикселей на уровень с блоком контента
margin: -10px 0px; 10 -  это мы подняли блок на уровень с блоком контента

Мои вопросы как раз и связаны с тем, что у вас у правого блока нет как такового фона, который нужно "выровнять".

Не парьте себе голову вопросом про дивы, создайте таблицу. У неё всегда все колонки в строке будут равными по высоте.

Ответов: 1

Голоса: +1
 
Лучший ответ
к сожелению к диву на данный момент решения так и не найдено, в общем надо подумать... ждите...
| Автор:
Выбор ответа лучшим | | Автор: Maria
...