Как сделать задний фон страницы на всю высоту?

Question

[RGoldvarg]

Здравствуйте.
Ситуация следующая... При верстке сайта ещё точно не знал, какие виджеты будут, какие блоки будут, и.т.д. Поэтому, размер центрального фона указывал в пикселях.
Сейчас сайт полностью сверстан и необходимо центральному фону, в котором находятся все сверстанные блоки и виджеты дать ширину, которая будет тянуться в зависимости от количества блоков и информации на странице.
Перепробовал множество различных вариантов, но пока безуспешно...

Буду всячески благодарен за советы.

Comments

[Mikhail Osher]

Пример jsfiddle в студию.

Answer 1

[RGoldvarg]

В данном случае, в роли фона выступает белый цвет, а не картинка.

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

height:100%; не работает.
На хабре есть тема, где можно подключить скрипт, который будет тянуть блок на всю высоту, правда работает не особо корректно.

Answer 2

[Виталий Желтяков]

Используйте таблицу

Comments

[RGoldvarg]

Шаблон сверстан на чистых дивах. Таблицу использовать не хочу.

Answer 3

[Назар Мокринский]

Дайте демку где можно посмотреть.
Так мало что понятно, чем не устраивает

background : url(bg.jpg) no-repeat center center / cover fixed;

Answer 4

[Eugene]

Замените "центральный фон, в котором находятся все сверстанные блоки и виджеты",
на "обёрточный див, в котором находятся все сверстанные блоки и виджеты", и задайте ему нужные свойства.

Answer 5

[Rodion Svetlitskiy]

Задайте для body height: 100% и для своего блока соответственно height:100%

Comments

[RGoldvarg]

Так и было изначально задано. Не тянется в процентах, только в пикселях.