Фон из 3 изображений

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

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

css

   .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пикселей и обрезается, а нужно чтобы фоновое изображение верхней или нижней части просто сдвигались вверх и вниз

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

Скрин можно?

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

image_20220222_1255422.png 97.4 Kb ⬇ 223

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

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

image_20220222_1306562.png 44.8 Kb ⬇ 231

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

image_20220222_1309012.png 48.6 Kb ⬇ 224

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

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

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

css

   } 
         @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(смартфоны)"; 
             }

Sovet (22.02.2022 в 14:45)

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

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