Question

Хотелось бы, чтобы правый блок автоматически выравнивался по высоте с левым, независимо от того сколько информации на нем размещено. Сейчас правый по высоте больше, так как я задала
#sidebar {background:#90afc5;float:right;width:25%;height:600px}

Comments

Примерно представляю, есть какие-то варианты решения этой проблемы?

---

Очень хорошо, что вы примерно представляете. Как это нам представить?

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

---

я показала скриншот как я хочу это видеть. 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 -  это мы подняли блок на уровень с блоком контента

---

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

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

Answer 1

к сожелению к диву на данный момент решения так и не найдено, в общем надо подумать... ждите...