Как прижать футер к низу экрана

Дата публикации: 02 10 2014 Автор: PazitiFF
html, body {
  height: 100%;
}
 
#wrapper {
  height: auto;
  min-height: 100%;
}
 
#middle {
  padding-bottom: 400px;
}
 
#footer {
  position: relative;
  margin-top: -400px; 
  height: 400px;
  clear:both;
}
<body>
  <div class="wrapper" id="wrapper">
    <div id="middle">
       .............
    </div>
  </div>
  <footer id="footer"></footer>
</body>

Добавить комментарий

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Вы можете использовать подсветку исходного кода следующими тегами: <code>, <blockcode>, <apache>, <bash>, <css>, <drupal6>, <html5>, <javascript>, <mysql>, <php>.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.