• Страница 1 из 1
  • 1
Закрепить footer или подвал внизу страницы
Kosten
Воскресенье, 10 Февраля 2019, 20:52 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 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)
  • Страница 1 из 1
  • 1
Поиск: