css повторяющийся высота фона и абсолютное позиционирование

Question

У меня есть контейнер с повторяющимся изображением, которое я хочу заполнить 100% доступной высоты. Некоторые из внутренних divs имеют свои: после того, как псевдоэлементы абсолютно расположены, поэтому я могу получить границы так, как они мне нужны. Это вызывает проблему с повторяющимся фоном основного контейнера.

Пожалуйста, перейдите по этой ссылке и прокрутите до конца страницы - http://www.mariage-graham-audrey.com/static.html

Может кто-нибудь предложить возможное решение для этого?

Answer 1

Просто обходной путь, но попробуйте добавить большую нижнюю отступы макет так:

.layout { 
    ... 
    padding-bottom: 180px; 
} 

Answer 2

Просто видел ваш CSS, и я думаю, добавив это вы сможете получить полный фон страницы:

background: white url("/bootstrap/assets/images/pattern.png") 0 0; 
    width: 100%; 
    margin: 0 auto; 
    padding: 30px 0; 
    min-height: 100%; 

Просто отредактируйте «width: 100%;» thats all.

Answer 3

Пожалуйста, замените ваш стиль на макет div этим. Она будет работать

.layout{ 
 
    background: white url("/bootstrap/assets/images/pattern.png") 0 0; 
 
    width: 100%; /* add 100% width*/ 
 
    margin: 0 auto; 
 
    padding: 0 0 150px 0; /*change padding with this*/ 
 
    min-height: 100%; 
 
}