Топ дня: 184140516

Тема закрыта by Ivlev

Здравствуйте, делаю фон из трёх частей.
Шапка
Центр он же должен растягиваться по вертикали
Ноги

.frame {

 background: url(verh.png) center top -13px no-repeat, url(niz.png) center bottom -13px no-repeat, url(center.png) center repeat-y;

 background-size: contain; 

 padding:17px;

 margin-top:20px;

 }  

Проблема в том, что нижняя и верхняя картинка с прозрачностями (рамка), под ними видна центральная картинка которая растянуна на весь блок. А при значениях минус, картинки верха и низа здвигаються, но та часть становится обрезаной.
Как зделать норм отображение

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

Скрин можно?

320517996, как видешь что на углах вылазит центральный фон. Он на всю длину и это уже с минусовыми значениями, шапка и ноги обрезаються

Изображение

------
81124_image_20220222_1255422.png (97.4 Kb)
Скачиваний: 147

________
посл. ред. 22.02.2022 в 13:57; всего 2 раз(а); by Hryhorii_Ivlev

Вот так режет на меньших экранах

Изображение

------
81125_image_20220222_1306562.png (44.8 Kb)
Скачиваний: 153

И вот без минусовых значений шапки и ног

Изображение

------
81126_image_20220222_1309012.png (48.6 Kb)
Скачиваний: 146

Сколько у тебя здесь мульт аккаунтов?

Hryhorii_Ivlev, Наверное надо ставить структуру через:
media

}

         @media screen and (max-width: 1200px) {

             #text:before {

                 Content:"Разрешение для экранов до  1200px  (ноутбуки)";

             }

         }

 

         @media screen and (max-width: 800px) {

             #text:before {

                 Content:"Разрешение для экранов   до 800px(планшеты)";

             }

         }

         @media screen and (max-width: 320px) {

             #text:before {

                 Content:"Разрешение для экранов   до 800px(смартфоны)";

             }

Ноль. А у тебя?