Создание сайта на HTML

#3 - Крепление футера к низу сайта

#3 - Крепление футера к низу сайта

На многих сайтах футер находиться не прикрепленным у низу страницы. Это видно, если контент не заполняет всю высоту страницы. В этом уроке мы сделаем крепление футера к низу страницы сайта.

Видеоурок

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Задание к уроку

Прикрепить футер
Вашей задачей является поиск путей прикрепления футера другими способами. К примеру, вы можете воспользоваться свойством flex или же position со значением absolute. Оба эти методы также работают и позволят прикрепить футер к низу страницы.
Посмотреть ответ
Вы можете выбрать другой способ прикрепления футера, к примеру через свойство flex:
footer {
    position: absolute;
    left: 0;
    bottom: 0;
}
Отличный современный способ это использование flexbox, читайте тут.

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Современная вёрстка адаптивного веб-сайта
Вёрстка адаптивного сайта на Bootstrap 4
6 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта
Изучение CSS/CSS3 от нуля до гуру!
15 уроков
Изучение HTML5 от нуля до гуру!
21 урок
Создание адаптивного сайта
4 урока
Комментарии для сайта Cackle