Не могу настроить фон из 3-х картинок CSS HTML

@Web-No_Obick · Регистрация: 17.05.2019

Студворк — интернет-сервис помощи студентам

Всем привет, ребят помогите пожалуйста новичку настроить фон для блока с контентом, в картинке изложено чего я хочу добиться.

Заверстал вот такие стили css:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 .wrapper {
 margin:auto;
 width:1105px;
 height: 100%;
}
#content {
 background-image: url(/Colona_01.png), url(/Colona_03.png), url(/Colona_02.png);
 background-repeat: no-repeat, no-repeat, repeat-y;
 background-attachment: scroll, scroll, scroll;
 background-position: top, bottom, center;
 float: right;
 width: 750px;
}
.content-padding {
 padding: 95px 55px;
}

Нацарапал HTML:

HTML5
1
2
3
4
5
6
7
<div class="wrapper">
<div id="content">
<div class="content-padding">
<CONTENT>
</div>
</div>
<div>

И в итоге сама колонна которая должна дублироваться по оси "y" выезжает за верхнюю и нижнею картинку...
P.S. Сам блок по оси "y" разный на каждой странице в зависимости от контента.
Подскажите что я делаю не так, как мне сделать у рисунка "Colona_02.png" отступы сверху и снизу?!

@mrtoxas · 17.05.2019, 22:18

Уже недавно делали такое Фон слева и справа от контента на всю высоту

@Web-No_Obick · 17.05.2019, 22:31 **[ТС]**

Спасибо! очень помогло, а еще вопрос немного по другой теме можно здесь задать?

@mrtoxas · 17.05.2019, 22:56

На каждый вопрос создавайте по одной теме (Правила п.4.4)

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	17.05.2019, 22:18
	Сообщение было отмечено Web-No_Obick как решение Решение Уже недавно делали такое Фон слева и справа от контента на всю высоту 1

@Web-No_Obick 0 / 0 / 0 Регистрация: 17.05.2019 Сообщений: 6
	17.05.2019, 22:31 [ТС]
	Спасибо! очень помогло, а еще вопрос немного по другой теме можно здесь задать? 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	17.05.2019, 22:56
	На каждый вопрос создавайте по одной теме (Правила п.4.4) 0

Не могу настроить фон из 3-х картинок CSS HTML

Решение