CSS. Как растянуть по вертикали?

Question

[TechNOIR]

Добрый день.
По адресу залил демо шаблон чата.
Как бы его растянуть по всей странице товарищи?
По длине я так понял в .container убрать width полностью. А как быть с высотой?

Спасибо заранее

Answer 1

[Максим]

height: 100vh
https://codepen.io/infernotiv/pen/GyBYRm

Comments

[TechNOIR]

Добрый день. В container? Что-то не работает :(

[Максим]

TechNOIR, выложите на https://codepen.io или https://jsfiddle.net

[TechNOIR]

Максим, Сделано. https://codepen.io/anon/pen/ppZOMO

[Максим]

TechNOIR, https://codepen.io/infernotiv/pen/GyBYRm

[TechNOIR]

Спасибо Максим! Теперь только сноски обе слева блин) чтобы вторую сноску уровнять по правой стороне это надо отдельный div для нее?

[Максим]

TechNOIR, нет, обновил, смотрите - https://codepen.io/infernotiv/pen/GyBYRm

[Максим]

TechNOIR, советую вам подучить css...

[TechNOIR]

Спасибо большое! Да вот же. надо подучить. Вечно с ним проблемы

[TechNOIR]

Максим, Максим а скажите как вы сделали по разным сторонам сообщения? Где это в коде?

[Максим]

TechNOIR,

.message-box.right-img .picture img,
.message-box.right-img .message{
float:right;
}

[TechNOIR]

Максим, Точно,уже увидел) Спасибо) Еще один минус шаблона увидел) Если много сообщений то полоска ввода сообщения остается на месте, а соообщения идут вниз. А должен быть скролл по идее) Дело в position блока ввода?

[Максим]

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