Двухэкранный фон без добавления класса с css

120
22

Я работаю над этим проектом: http://www.e-pedkelnes.beta.verskis.lt/

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

спросил(а) 2021-01-25T13:39:24+03:00 4 месяца, 4 недели назад
1
Решение
100

В:

.foot-outer {
background: none repeat scroll 0 0 #E8E4E5;
border-top: medium none !important;
left: 2px;
padding-top: 15px;
}

Я удалил ширину и маржу, и это выглядело лучше. Вы не должны устанавливать их на внешние элементы, только на элементы контейнера.

Имеет ли это смысл?

РЕДАКТИРОВАТЬ:

Ваш HTML-макет должен быть больше похож на

<div class='header wrapper'>
<div class='header'>
</div>
</div>
<div class='content wrapper'>
<div class='content'>
</div>
</div>
<div class='footer wrapper'>
<div class='footer'>
</div>
</div>

Затем примените фоны к разделителям обертки и примените центрированную ширину к внутренним div.

ответил(а) 2021-01-25T13:39:24+03:00 4 месяца, 4 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема