• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Закрепить footer или подвал внизу страницы (Как с помощью CSS прижать footer к низу окна браузера)
Закрепить footer или подвал внизу страницы
Kosten
Воскресенье, 10 Февраля 2019 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
В статье узнаете, как можно при помощи CSS, закрепить в самом низу странице футер или низ сайта. Вероятно вы уже встречали порталы, где переходили на страницы, где присутствовал отдельный низ сайта, что смотрится оригинально. Теперь самостоятельно все можете сделать, вам только нужно прописать стили и выставить оттенок цвета. Но и оформить. чтоб соответствовало тематике вашего сайта.

Ниже представлена демонстрация, которая выглядит так, вообщем переходим и смотрим, не чего сложного в установке нет.



Приступаем к установке:

HTML

Код
  <div class="sagtunop-anekaven">
Описание на страницы.
  </div>
  <footer>
   <div class="sagtunop-anekaven">
Здесь описание в фурторе, который закрепили внизу.
   </div>
  </footer>


CSS

Код
html, body {
  margin: 0;
  display: table;
  height: 100%;
  width: 100%;
}

.sagtunop-anekaven {
  padding: 18px;
  height: auto;
}

footer {
    background: #2d2a2a;
    display: table-row;
    height: 1px;
    color: #fff;
}


Демонстрация
Прикрепления: 1042944.jpg (169.5 Kb) · footer-web.zip (2.2 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Закрепить footer или подвал внизу страницы (Как с помощью CSS прижать footer к низу окна браузера)
  • Страница 1 из 1
  • 1
Поиск: