Вопрос по верстке, как сделать подстраивание по высоте?

km_
На сайте с 23.09.2009
Offline
103
km_
118
Всем привет, вот сайт https://clck.ru/NvAW9

Сверху сайта, для разрешения менее 700px свой баннер background-image в блоке section-1

Вопрос, как сделать так, что-бы при изменении ширины сайта, баннер был видимый на 100% и подстраивался по высоте исходя из ширины?
т.е. сейчас высота фиксирована и при уменьшении ширины, часть картинки режется.

Если сделать height:100%, то блок пропадает, приобретая высоту 0px


Тексты для сайта я беру тут (http://www.etxt.ru/?r=hr011), цены приятные.
skapunker
На сайте с 15.01.2014
Offline
216
#1

hight:auto

вот и вся наука

Избавиться от ботов на сайте https://clck.ru/38bp4f
km_
На сайте с 23.09.2009
Offline
103
km_
#2
skapunker #:

hight:auto

вот и вся наука

Пропадает тогда блок, точнее высота 0px

lutskboy
На сайте с 22.11.2013
Offline
173
#3
background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
skapunker
На сайте с 15.01.2014
Offline
216
#4
km_ #:

Пропадает тогда блок, точнее высота 0px

тогда открой учебник по верстке

ArbNet
На сайте с 27.10.2019
Offline
125
#5

В секции section-1 вставьте 

<img src="/wp-content/uploads/2020/12/ng2020planjpg.jpg" width="100%">

а стили height: 700px, картинку в бэкграунд уберите

Обсуждение разработки на моём фреймворке https://discord.gg/23N4s9x2kp
sergv
На сайте с 13.04.2006
Offline
415
#6
skapunker #:
hight:auto
height
https://REGHOME.ru - регистрация и продление доменов от 169₽ в российских и международных зонах по честным ценам без звездочек. (R01, WebNames, UK2). Принимаем Ю-Money, Visa, MasterCard, Мир
km_
На сайте с 23.09.2009
Offline
103
km_
#7
ArbNet #:

В секции section-1 вставьте 

а стили height: 700px, картинку в бэкграунд уберите

Точно, большое спасибо за подсказку!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий