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

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

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

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

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


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

hight:auto

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

Я единственный СЕО гуру на этом сайте. Царь и король веб-мастеринга.
km_
На сайте с 23.09.2009
Offline
102
km_
#2
skapunker #:

hight:auto

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

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

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

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

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

ArbNet
На сайте с 27.10.2019
Online
69
#5

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

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

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

Блажен, кто не стремится сделать лучше: он не рискует быть не понятым.
sergv
На сайте с 13.04.2006
Offline
300
#6
skapunker #:
hight:auto
height
Продвигай свои сайты на MainLink (http://mailink.ru) Регистрация и продление доменов в российских и международных зонах по честным ценам без звездочек. (https://RegHome.ru) (R01, WebNames, UK2). Принимаем WMR, WMP, ЯД, Visa, MasterCard, Мир
km_
На сайте с 23.09.2009
Offline
102
km_
#7
ArbNet #:

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

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

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

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