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

Дата публикации: 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>

Add new comment

Plain text

  • No HTML tags allowed.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <apache>, <bash>, <css>, <drupal6>, <html5>, <javascript>, <mysql>, <php>.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.