Как продолжить фон

Новые сообщения · Правила форума · Поиск

Оставить отзыв · Пожаловаться · RSS

Страница 1 из 1
1

Как продолжить фон

Queneronn Оффлайн

Проверенный

Дата: Четверг, 2016-05-05, 17:12 | Сообщение # 1

Здравствуйте! Как продолжить фон белый фон на всю ширину страницы, без использования картинки?

Код

.con_center{
width:1101px;
margin:0 auto;
overflow:hidden;
}
.con_left{
float:left;
background: #fff;
width:770px;
height:400px;
padding-top:30px;
padding-right:30px;
}
.con_right{
float:right;
border-left: 1px solid #ddd;
width:270px;
height:400px;
background:#f1f1f1;
padding-top:30px;
padding-left:30px;
}

Код

<div class="con_center">
<div class="con_left">
контент
</div>
<div class="con_right">
блоки
</div>
</div>

Профиль

admin Оффлайн

Проверенный

429

Дата: Четверг, 2016-05-05, 17:46 | Сообщение # 2

Псевдоэлементом можно:

Код

.con_left {
position:relative
}

.con_left:after {
content: '';
display: inline-block;
width: 2000px;
height: 100%;
top: 0px;
left:- 2000px;
background: #fff;
}

Помог? Ставь или поддержи проект.

Профиль

Queneronn Оффлайн

Проверенный

Дата: Четверг, 2016-05-05, 17:49 | Сообщение # 3

admin, Спасибо, уже сделал.

Профиль

Как продолжить фон

Страница 1 из 1
1