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

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

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

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

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


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

hight:auto

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

Мои сайты ищут дно. Я больше не СЕО гуру... Я ухожу в отставку. Однако, я по прежнему царь вебмастеринга.
km_
На сайте с 23.09.2009
Offline
103
km_
#2
skapunker #:

hight:auto

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

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

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

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

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

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

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

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

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

Покажи мне свой исходник и я скажу кто ты :) RUTUBE https://rutube.ru/channel/26248426 YouTube https://youtube.com/channel/UC0d4Gir8ySkqViRRtEJOiyQ
sergv
На сайте с 13.04.2006
Offline
354
#6
skapunker #:
hight:auto
height
https://REGHOME.ru - регистрация и продление доменов от 169₽ в российских и международных зонах по честным ценам без звездочек. (R01, WebNames, UK2, PDR). Принимаем Ю-Money, Visa, MasterCard, Мир
km_
На сайте с 23.09.2009
Offline
103
km_
#7
ArbNet #:

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

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

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

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