Задать вопрос
cyril_b
@cyril_b

Фон через свг, как отцентрировать?

Есть сайт, он max-width: 1920px, контент на нём max-width: 1200px.
На этом сайте есть блок, контент у которого 1200px и (!) ему нужно запилить 3 картинки в виде свг(через соответствующий тэг) как бэкграунд (поверх него располагается контент), ширина этого бэкграунда 1920px.
Я сделал следующее для бэкграунда:
<section>
   <div class="content">.......</div>
   <div class="background_imgs">
       <div class="background_imgs-img">
             ////svg
        </div>
       <div class="background_imgs-img">
             ////svg
        </div>
       <div class="background_imgs-img">
             ////svg
        </div>
   </div>

section {position:relative; width: 1920px}
.content {width:1200px}
.background_imgs {position: absolute; width: 1920px}

Вопрос, как можно сделать так, что бы .background_imgs показывал контент, на ширине экрана к примеру 1300, шириной в 1300пкс и при этом его широкие бока заходили за границы страницы, с каждой стороны одинаково? 310px | 1300px | 310px . 1300 видимый контент
  • Вопрос задан
  • 103 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы