Здесь вы найдете много полезной информации о том как построить собственный сайт, как правильно верстать Web страницы, а также освоите множество приемов и трюков которые можно выполнить при помощи CSS, без использования Java-скриптов. Данный сайт будет полезен как новичку, так и опытному Web Мастеру.
Делаем высоту 100%, прибиваем подвал к низу страницы.
В этом уроке, я расскажу Вам о том, как прижать footer ("подвал" сайта) к низу страницы, чтобы при малом количестве контента не терялась целостность страницы. В ваш файл CSS добавляем следующее (файл должен называться style.css):
Code
html, body { margin: 0; padding: 0; height: 100%; /* не забываем это свойство для html и body */ }
Если вам нужно прижать подвал на какой то конкретной странице, то напишите следующий код прямо на странице:
Code
<style> html, body { margin: 0; padding: 0; height: 100%; /* не забываем это свойство для html и body */ } </style>
Чтобы увидеть работу стилей, создадим в той же директории html файл и, например вставим туда такой код: