1 Востаннє редагувалося DaNcH1ck (19.02.2018 16:40:44)

Тема: Допоможіть зробити header висотою 100%!

Хочу зробити хедер высотою 100%, ставлю height: 100vh або %, тоді хедер робиться вистою 100%, але коли зменшую розмір вікна браузера, тонаступна секція після хедера залізає контанктом на хедер.


Допоможіть, як цього уникнути? ось сайт, можете його позбильшувати або позменшувати mrvipdeh.beget.tech

Post's attachments

Безымянный.png 96.05 kb, 166 downloads since 2018-02-19 

2

Re: Допоможіть зробити header висотою 100%!

це через москальску Ы в тексті, і взагалі, все через москалів, краще припиняйте працювати на них й працюйте з європейцями.
І покажіть свій код, html і css.

3

Re: Допоможіть зробити header висотою 100%!

при чому тут москалі не москалі, я задав конкретне питання, написав посилання на сайт, якщо можете подивитись через ПКМ->Перевірити на самій стороінці сайту, буду вдячний

4

Re: Допоможіть зробити header висотою 100%!

це ви маєте на увазі ось цей хедер?
https://cdn.discordapp.com/attachments/333936584481177600/415161160132984853/unknown.png
просто знайте, що москалі - наші вороги, і добра нам від них не буде

5

Re: Допоможіть зробити header висотою 100%!

Ні, мені треба на весь екран зробити саме хедер, ось цей:

Post's attachments

Безымянный.png 685.31 kb, 174 downloads since 2018-02-19 

6

Re: Допоможіть зробити header висотою 100%!

так воно ж і так на весь екран, озьдо там є 100vh
https://cdn.discordapp.com/attachments/333936584481177600/415165442596798465/unknown.png

7

Re: Допоможіть зробити header висотою 100%!

так, воно є на весь екран, але коли воно так є, тоді, незнаю як написати, щоб зрозуміло було.
коли ми зменшуємо розмір вікна браузера по висоті, то зменшуется бекграунд хедера, а його контен налізає на наступну секцію

8

Re: Допоможіть зробити header висотою 100%!

типу це?
https://cdn.discordapp.com/attachments/333936584481177600/415173591517102101/unknown.png
то зробіть отому контейнеру якусь min-height, бо він зменшується, а його контент не зменшується

Подякували: leofun01, 221VOLT, DaNcH1ck3

9

Re: Допоможіть зробити header висотою 100%!

Коли ставлю мин хейт для контейнера, то все гаразд, а колі ще и хедеру ставлю хейт 100%, то все як завжди

10 Востаннє редагувалося leofun01 (20.02.2018 01:18:52)

Re: Допоможіть зробити header висотою 100%!

/css/style.css рядки 51.. :
було:

header.page1,
/*...*/
header.page8{
    padding-bottom: 50px;
    height: 100vh;
}

попробуйте min-height без height:

header.page1,
/*...*/
header.page8{
    padding-bottom: 50px;
    min-height: 100vh;
}
Подякували: 221VOLT, DaNcH1ck2