В статье узнаете, как можно при помощи 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;
}
Демонстрация