есть такая структура
<header></header>
<div class="wrapper">привет мир</div>
<div class="selector">привет мир</div>
<div class="contentError">
<div class="errorContainer">
<p class="title">На данный момент сервис не работает в Ярославле</p>
<p class="textError">
Выберите другой город или <a href="#">подпишись на рассылку</a> и мы сообщим о начале работы в вашем городе.
</p>
</div>
</div>
и к нему css
.contentError {
background-color: red;
padding: 24px 18px 24px 18px;
}
.errorContainer {
background-color: #ffffff;
padding: 23px;
}
.title {
font-size: 20px;
}
.textError {
font-size: 12px;
line-height: 16px;
margin-top: 17px;
}
.buttonChangeCity {
margin-top: 38px;
cursor: pointer;
}
.city {
color: #16B7E5;
}
Как видите у contentError background стоит red, вопрос - как растянуть этот красный цвет до конца страницы?
var c = $('.contentError');$('.contentError').css('padding-bottom', window.innerHeight - (c.offset().top + c + 24) + 'px');
background
: картика или сплошной цвет? Могу вам дать решения на каждый случай просто вопрос в том что вам нужно.