Как прижать футер к низу страницы HTML CSS FLEX / Фрилансер по жизни /

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ม.ค. 2025

ความคิดเห็น • 571

  • @FreelancerLifeStyle
    @FreelancerLifeStyle  3 ปีที่แล้ว +728

    Что скажете? Продолжать формат?

    • @jamesborn89
      @jamesborn89 3 ปีที่แล้ว +8

      не плохо, быстро и понятно! продолжай!

    • @РавшанУмаров-м9е
      @РавшанУмаров-м9е 3 ปีที่แล้ว +5

      Круто! Быстро, информативно и понятно. На мой взгляд, однозначно да!

    • @ГрибБлевантон
      @ГрибБлевантон 3 ปีที่แล้ว +3

      Круто! Обязательно продолжай

    • @athillas460
      @athillas460 3 ปีที่แล้ว +3

      Очень интересный формат, я такое поддерживаю!

    • @ГасанИсмаилов-н6и
      @ГасанИсмаилов-н6и 3 ปีที่แล้ว +4

      Да! Новичкам зайдёт особенно сильно. Кратко и информативно, без лишней информации)

  • @Алексей-с1ч3э
    @Алексей-с1ч3э 3 ปีที่แล้ว +274

    Да ,конечно продолжать!) Таких тонкостей куча и если это будет в одном плейлисте будет здорово

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว +9

      Так и сделаю!

    • @ВикаКоко-р8ю
      @ВикаКоко-р8ю 3 ปีที่แล้ว +1

      @@FreelancerLifeStyle скажите, пожалуйста, если я стану вашим потроном сейчас, смогу ли я получить макеты предыдущие?

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว

      @@ВикаКоко-р8ю да, но лучше с первого числа

  • @ЯресикОлег
    @ЯресикОлег 2 ปีที่แล้ว +1

    Класне, просте відео !
    Загалом усі Ваші відео круті.
    Полегшують життя та мотивують до роботи

  • @Turpll
    @Turpll 3 ปีที่แล้ว +9

    Очень удобный формат, продолжай!

    • @danzeel
      @danzeel 2 ปีที่แล้ว

      Вообще не удобно

  • @MerriedFellow
    @MerriedFellow 3 ปีที่แล้ว +19

    Да, Жень, отлично. Таких важных мелочей как раз зачастую и не хватает. Запиливай плейлист!

  • @olehpastovenskyi6441
    @olehpastovenskyi6441 3 ปีที่แล้ว +2

    Спасібки! Крутяк, продовжуй, коротенькі відоси.

  • @daniilkolevatykh7051
    @daniilkolevatykh7051 2 ปีที่แล้ว +1

    О боже мой, спасибо огромное!!! Всё работает наконец-то! Я Вам очень благодарен, а то на разных сайтах написано и работает, но немножко не идеально выходит, аздесь вышло прям так как хотелось!

  • @amir-yuldashev7199
    @amir-yuldashev7199 3 ปีที่แล้ว +6

    Интересный и нужный формат, мне помог спасибо. С отдельным плейлистом было бы вообще замечательно.

  • @kirillperov3843
    @kirillperov3843 3 ปีที่แล้ว +82

    Жека, всего минута, а как будто открыл глаза на мир! Так держать!

  • @Андрей-ш9ш3п
    @Андрей-ш9ш3п 3 ปีที่แล้ว +1

    Шикарно, побольше таких коротких видео. на большие время нужно выделять, а эти сразу просматриваются.

  • @Gitaristium
    @Gitaristium 3 ปีที่แล้ว

    Отличный формат! Отличная шпаргалка на минуту без лишней мишуры. Закинул в плейлист "CSS" и при необходимости быстро вспомню 👍

  • @Lok1goD
    @Lok1goD 3 ปีที่แล้ว +2

    Очень удобно! Наполняю свой учебный проект твоими шортами!) Пожалуйста продолжай!)

  • @olgagolovko6664
    @olgagolovko6664 3 ปีที่แล้ว +7

    Отличная видео-шпаргалка! Короткая и понятная. Спасибо))

  • @shukonfadah5725
    @shukonfadah5725 2 ปีที่แล้ว

    все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём желаю мира и спокойствия вашей стране и семье

  • @НадеждаПрокопенко-щ1н
    @НадеждаПрокопенко-щ1н 3 ปีที่แล้ว +17

    Да, продолжать, отличный формат 👍

  • @hoodrychs1374
    @hoodrychs1374 3 ปีที่แล้ว +1

    Побольше таких видео, кратко четко и ясно по делу без воды

  • @starrover6592
    @starrover6592 3 ปีที่แล้ว

    Формат - супер. Хотелось бы чтобы почаще выходили в таком формате. Комментарий для продвижения видео!

  • @romanprokopets3693
    @romanprokopets3693 3 ปีที่แล้ว

    это новый уровень) супер полезные фишки/лайфхаки за минуту)

  • @АлексЛуговнин
    @АлексЛуговнин 3 ปีที่แล้ว +30

    Круто продолжай! Подскажи, будет ли какой-то цикл видео по верстке и натяжке многостраничника на WP? Я думаю многим будет интересно))

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว +13

      Конечно

    • @danilafipsk
      @danilafipsk 3 ปีที่แล้ว +3

      Поддерживаю, давай видос про натяжку на WP

    • @MykhailoKolomiiets
      @MykhailoKolomiiets 3 ปีที่แล้ว

      круто буду ждать

    • @Araizen-ho5jy
      @Araizen-ho5jy 3 ปีที่แล้ว

      Видос по CMS думаю не помешал бы в плейлисте верстальщика

  • @ilya2839
    @ilya2839 3 ปีที่แล้ว +1

    Конечно продолжать, ты лучший !

  • @sergeydjur
    @sergeydjur 3 ปีที่แล้ว

    Продолжайте!! Очень классный формат. Освежить память или же в дороге посмотреть.
    Я вот на побережье отъехал на пару дней, а ПК не мог взять с собой, чтобы потренироваться, смотря ваши уроки. А тут бац и перед сном видео вижу небольшое. Очень круто.
    Спасибо за ваш труд !!

  • @АртемКа-в3к8й
    @АртемКа-в3к8й 3 ปีที่แล้ว

    Неплохо)
    Смотри по просмотрам)
    Хотя с другой стороны я как-то искал эту инфу, перематывал постоянно, а тут микро ролик и всё понятно👍

  • @khanina2011
    @khanina2011 ปีที่แล้ว

    Супер, спасибо!!! Если бы вы ещё немножко объяснили, пожалуйста, почему так, было бы вообще огонь❤

  • @OleksandrPohribnyi
    @OleksandrPohribnyi 3 ปีที่แล้ว +2

    Это реально рабочая схема, ещё давно увидел в уроках, теперь использую

  • @ПётрБуйницкий-ф8к
    @ПётрБуйницкий-ф8к 3 ปีที่แล้ว

    очень! ОЧЕНЬ даже! Максимум информативности за минимум времени. Крутяк 👍

  • @dr.bakhovuddin
    @dr.bakhovuddin 3 ปีที่แล้ว

    Блин, крутая рубрика. Всё так чётко видно! Однозначно Лайк и Подписка

  • @Юлия-м8э5ь
    @Юлия-м8э5ь 3 ปีที่แล้ว +1

    Долго искала, как прижать злосчастный футер, но благодаря такому краткому видео, в котором мах доступно рассказывается о том, как это осуществить, я наконец сделала это. Спасибо, Женя.

  • @olehpastovenskyi6441
    @olehpastovenskyi6441 2 ปีที่แล้ว +1

    дякую Жека дуже корисну ідею ти використовуєш.

  • @-Forever-Young-
    @-Forever-Young- 3 ปีที่แล้ว

    Отличный формат. Конечно продолжать)

  • @mikhailbykov6311
    @mikhailbykov6311 3 ปีที่แล้ว +2

    отличный формат!! да, да!!! конечно продолжить!!!

  • @maksymkhomiak2543
    @maksymkhomiak2543 3 ปีที่แล้ว +7

    Однозначно нужно продолжать! Такой лаконичный формат как нельзя лучше подходит когда ищешь решение конкретной задачи и нет времени и терпения на просмотр классического 30-60 минутного ролика.

  • @rviturnel
    @rviturnel 3 ปีที่แล้ว +1

    Спасибо, Женя! Классный, нужный формат. Продолжай!

  • @pestovavalentina1258
    @pestovavalentina1258 3 ปีที่แล้ว

    Я только в начале недели мучилась с этим. В уроке про флекс это есть. Все сделала именно так. Не работает. Оказалось cms дополнительно контейнер добавляла. Снаружи wrapper.
    По видео: Эта подача лучше. По крайней мере краткое повторение уже имеющихся знаний. Спасибо за информацию! Благодаря вашим урокам вдохновилась научиться хорошо верстать.

  • @Iamvarlamov
    @Iamvarlamov ปีที่แล้ว

    Класс!
    Благодарю за полезную информацию!

  • @ЭленЛуг
    @ЭленЛуг 3 ปีที่แล้ว

    Очень полезно и быстро. Нужный формат, обязательно продолжай. Спасибо!

  • @Тамилл
    @Тамилл 3 ปีที่แล้ว +1

    Круто))))) быстро и понятно!!!! Пожалуйста, продолжайте!!!!!!!!!

  • @daffe7501
    @daffe7501 3 ปีที่แล้ว

    «Живи, а работай в свободное время»
    Отлично сказано!!

  • @ДмитрийПрошко-т7к
    @ДмитрийПрошко-т7к 2 ปีที่แล้ว +2

    подожди, а как убрать отступ по бокам в footer.

  • @arheo
    @arheo 3 ปีที่แล้ว +2

    Очень полезный формат

  • @veronnah23
    @veronnah23 3 ปีที่แล้ว

    Спасибо большое) формат супер, давно искала годный ответ на этот вопрос!

  • @Salem_Witch_
    @Salem_Witch_ 3 ปีที่แล้ว +1

    Супер!) Как раз на днях вспоминала-размышляла, как же это сделать))

  • @ВикторКосилкин
    @ВикторКосилкин 3 ปีที่แล้ว

    офигенный формат!!!!!!!

  • @iventeye
    @iventeye 3 ปีที่แล้ว +1

    Я думаю для новичков будет полезно. Быстро, чётко, понятно.

  • @jamesmay5088
    @jamesmay5088 3 ปีที่แล้ว +3

    Супер корисний контент. З нетерпінням чекаю нових shorts)))

  • @user-jt7wb3zc1m
    @user-jt7wb3zc1m 2 ปีที่แล้ว +2

    - Як притиснути футер до низу сторінки
    - Web-скотчем 😂😹

  • @alehandro6507
    @alehandro6507 3 ปีที่แล้ว +1

    отличный формат!

  • @Terrariane34
    @Terrariane34 ปีที่แล้ว

    Ты просто лучший!!! Спасибо тебе огромное

  • @Slowedyandexsound
    @Slowedyandexsound 3 ปีที่แล้ว

    Классный формат!, продолжай также! очень клево! лайк

  • @ЕвгенийВовк-ы7ь
    @ЕвгенийВовк-ы7ь ปีที่แล้ว

    Женя, спасибо тебе, за твой канал, за Крутой видео справочник!!!🙏🤩

  • @isoul5944
    @isoul5944 3 ปีที่แล้ว

    Если следовать вашему методу, тогда элементы content-a будут равномерно распределены по вертикали.... Гораздо проще, на мой взгляд, просто добавить в CSS .footer margin-top:auto;

  • @Edgar-q4p
    @Edgar-q4p ปีที่แล้ว

    Круто!!! Так Так Так!

  • @i.am.rossalex
    @i.am.rossalex 3 ปีที่แล้ว +1

    Формат отличный! 1 фича = 1 мини-видосик!

  • @АлександрСмирнов-ы9х1с
    @АлександрСмирнов-ы9х1с ปีที่แล้ว

    Конечно продолжай, годный контент и охват хороший

  • @dmitry9463
    @dmitry9463 3 ปีที่แล้ว

    Однозначно продолжай в таком же формате. Хотелось бы увидеть такой же ролик про то как сделать стики хеадер или боковое слайд меню.

  • @sergeialekseenko3545
    @sergeialekseenko3545 2 ปีที่แล้ว +2

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

  • @mikhailbykov6311
    @mikhailbykov6311 3 ปีที่แล้ว +1

    обязательно продолжать!!!

  • @Vladislav1449
    @Vladislav1449 3 ปีที่แล้ว +2

    А не легче было .wrapper {min-height:100vh; display flex; flex-direction: column;} .main {margin-bottom: auto;}

  • @МаксимБурашников-ь1щ
    @МаксимБурашников-ь1щ 3 ปีที่แล้ว

    Хороший формат. Нравится!

  • @cheesecheesson9842
    @cheesecheesson9842 3 ปีที่แล้ว

    отличный формат, спасибо )

  • @artemwolkov8567
    @artemwolkov8567 3 ปีที่แล้ว +2

    Супер формат! Как в доку сбегать)

  • @dgonlock1893
    @dgonlock1893 3 ปีที่แล้ว

    Привет. Запили видос про то какими ты хостингами пользуешся и как залить свой сайт на хостинг.

  • @Nikita04111991
    @Nikita04111991 3 ปีที่แล้ว

    Ну шикарно же! Четко, коротко и ясно! )

  • @LordOzzy1986
    @LordOzzy1986 3 ปีที่แล้ว

    классный формат!
    у меня по каким-то причинам сработало так: body { height: 100vh; }, 100% никак не хотели работать), на разных браузерах.

  • @SidermanDmitry
    @SidermanDmitry 2 ปีที่แล้ว

    Ох, блин, вот я тупица! Я тут один проект правлю и задача как раз это встала, у меня затуп случился, нашел кучу способов через всякие скрипты, пересчет высот и тп. Все это или громоздкое или корявое. И тут смотрю это видео и бью себя по лбу. Я же б.. Сам так делал на каком-то из ранних проектов! Жека, спасибо огромное! Ты лучший! Все гениальное просто!

  • @deniskotov
    @deniskotov 3 ปีที่แล้ว

    Хоть ты уже объяснял этот момент в плейлисте по флексбоксу, но мне кажется, что идея таких вот шортов очень хорошая. Потому что мелких нюансов в верстке очень много и большое видео не всегда для этого подходит. К примеру, я из прошлого видео по верстке сайта, которое длилось несколько часов, выделил для себя три-четыре нюанса, о которых не знал. И с одной стороны, круто, а с другой - как найти эти моменты снова, если забыл? Пролистывать 5 часов видео? А шорты - как раз клевая идея для того, чтобы многозначительные нюансы выделять отдельно. Короче, очень круто!!! Спасибо за формат и твою работу, Жека!

  • @konstantino7016
    @konstantino7016 3 ปีที่แล้ว +1

    3. Женя, спасибо за отличный контент!!!!

  • @igorfeticov
    @igorfeticov 3 ปีที่แล้ว

    Все: ждут уроки по JS.
    Жека: показывает прием, который показывал еще в уроках по флексам.
    Все: ну а что все равно полезно))
    Жека, а если без шуток то продолжай такой формат, очень полезные шпаргалки. Но и про JS не забывай))

  • @vladprochan
    @vladprochan ปีที่แล้ว

    Дякую за шортси !!!!

  • @yakovmarker4564
    @yakovmarker4564 7 หลายเดือนก่อน

    Спасибо, добрый человек!

  • @Spirtikyss
    @Spirtikyss 2 ปีที่แล้ว

    Не хватает в этом рассказе моментов кроссбраузерности. То, как работать будет в safari ( а оно не будет работать из-за выезжающей панели ) и сравнение со min-height 100vh

    • @yurizhdanov
      @yurizhdanov 2 ปีที่แล้ว

      удивлен, но Ваш комментарий исправил мою проблему. Спасибо огромное

  • @XiongMaooo
    @XiongMaooo 2 ปีที่แล้ว

    Дякую, дуже допомогли

  • @DevNickKg
    @DevNickKg 2 ปีที่แล้ว

    Здраствуйте Женя ! Меня зовут Нурмухаммад и я из небольшого но из солнечного Кыргызстана. мой первый получившийся вес сайт, если конечно можно назвать, но я себе так и позволил так как это моя первая получившийся веб сайт )

  • @daryaneznanova9964
    @daryaneznanova9964 3 ปีที่แล้ว +1

    А почему это нельзя сделать с position: fixed? объясните

  • @info_maps_maroc
    @info_maps_maroc 3 ปีที่แล้ว

    Конечно. Большое спасибо.
    Информация маленькими частями лучше заходит и остаётся в памяти.

  • @Канекикун-у7ф
    @Канекикун-у7ф 3 ปีที่แล้ว

    Подобные фокусы очено полезны, спасибо за контент!

  • @victormorozov2282
    @victormorozov2282 ปีที่แล้ว

    Класс, спасибо. На подобии этого можно выставить как зафиксировать шапку при скроле

  • @ДмитрийБаранский-р7ф
    @ДмитрийБаранский-р7ф 3 ปีที่แล้ว

    Достойная тема, которая имеет право на продолжение

  • @ПавелКузьмин-в3о
    @ПавелКузьмин-в3о 3 ปีที่แล้ว

    Супер, конечно продолжать

  • @ДаниярБектаев-й2ы
    @ДаниярБектаев-й2ы ปีที่แล้ว

    Почему-бы просто не использовать height: calc(100vh - 200px)?

  • @user-tt4hc5yj8v
    @user-tt4hc5yj8v ปีที่แล้ว

    Конечно продолжать) Такого бы контента все шоты....

  • @СергейЩербаков-к5я
    @СергейЩербаков-к5я 3 ปีที่แล้ว

    Женя, а можно уроки по регуляркам ?

  • @robertvaksman2033
    @robertvaksman2033 3 ปีที่แล้ว

    Магия магией,а можно где-то прочесть за механику данного способа?

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว +1

      Конечно, подробный плейлист по флексам есть на канале

    • @robertvaksman2033
      @robertvaksman2033 3 ปีที่แล้ว

      @@FreelancerLifeStyle Спасибо

  • @ДмитрийСмирнов-б9р6н
    @ДмитрийСмирнов-б9р6н 3 ปีที่แล้ว

    Спасибо за видео уроки энтузиазм, он заразителен ) Такие лайфхаки однозначно нужны. Лично я, как начинающий, столкнулся с такой проблемой, тоже флекс помог. Только для футера сделал растянуть

  • @TheParlamentx
    @TheParlamentx 3 ปีที่แล้ว

    Продолжай только объясняй когда прописываешь код для чего и что он даёт так лучше запомнится

  • @АндрейНаливайченко
    @АндрейНаливайченко ปีที่แล้ว

    И если не затруднит, покажи пожалуйста как сделать дать 100 процентную высоту блоку который будет внутри «я главный»

  • @chillchill5254
    @chillchill5254 2 ปีที่แล้ว +2

    Если кто словил баг, при котором контент, внутри .main не хочет принимать высоту 100% , надо прописать .main не flex: 1 1 auto; а flex: 1 1 0; Надеюсь кому то помог.

  • @shamilbekirov9745
    @shamilbekirov9745 3 ปีที่แล้ว

    А сделайте вариант без флекса плиз

  • @dontbeev1l
    @dontbeev1l 2 ปีที่แล้ว

    main { min-height: calc(100vh - 100px ) }
    В случае, если высота header и footer
    статична

  • @АмирЕмкужев-я4ф
    @АмирЕмкужев-я4ф ปีที่แล้ว

    Есть вариант попроще. К блоку футеру надо написать position absolute и bottom: 0.

  • @aleksejtsind3978
    @aleksejtsind3978 3 ปีที่แล้ว +1

    Спасибо! Продолжай, конечно!

  • @konstantino7016
    @konstantino7016 3 ปีที่แล้ว

    1. Лайк и коммент в поддержку канала, а так же просмотр до последней секунды, хоть я и уже и знаю эту фишку из других уроков FLS.

  • @НиколайНиколаевич-г1н
    @НиколайНиколаевич-г1н 2 ปีที่แล้ว

    Только если в main флекс уже есть и нужно обойтись без flex-direction: column, то работать не будет...

  • @Nick-hq8of
    @Nick-hq8of 2 ปีที่แล้ว +1

    у кого не работает, укажите у .wrapper min-height: 100vh; а не 100%.

  • @pitbrest
    @pitbrest 3 ปีที่แล้ว

    Как приятно когда подзабыл забить в гугл "фрилансер по жизни прижать футер, или фрилансер по жизни флексы и т.п.", спасибо Жека

  • @93betokov
    @93betokov 3 ปีที่แล้ว

    Или можно вместо main -> flex: 1 1 auto для футера задать margin-top: auto)

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว +1

      Отлично, если это надежно и кроссбраузерно, можно использовать)

  • @doublegold4061
    @doublegold4061 2 ปีที่แล้ว

    А зачем wrapper? Я так до конца и не понял его смысла

  • @HealedSquirie
    @HealedSquirie 2 ปีที่แล้ว

    Наконец-то мне в реки попадаются програмисты

  • @inqvisitor3722
    @inqvisitor3722 2 ปีที่แล้ว

    для body надо ставить height:1px min-height:100% иначе боди будет меньше виюпорта. Это часто важно

  • @antiflash5366
    @antiflash5366 3 ปีที่แล้ว

    го про React js курс ))

  • @Mazic86
    @Mazic86 3 ปีที่แล้ว

    Спасибо, очень ценная информация, правда