Как настроить нижний колонтитул?

Question

У меня есть две страницы, в одном из них я могу поставить rodabe ниже с:

#footer { 
    position: absolute; 
    bottom: 0; 
} 

Однако, на второй странице у меня есть Bootstrap DataTable и может выбрать, сколько столбцов показать на странице, если я оставить колонтитул данные абсолютные табличные проходят через колонтитул, в результате чего мне изменить CSS:

#footer { 
    position: relative; 
    bottom: 0; 
} 

Но с этим вторым CSS на моей первой странице колонтитул появляется в середине экрана. Я хочу, чтобы обе страницы оставались всегда в нижней части экрана и получали рекурсию, когда экран увеличивается как данные.

Как я могу это сделать?

Answer 1

Basicaly вы просто установить CSS

html, body {height:100%;} 

.geral { 
    min-height:100%; 
    position:relative; 
    width:800px; 
} 

.footer { 
    position:absolute; 
    bottom:0; 
    width:100%; 
} 

Методика является сказать, что HTML будет занимать 100% страницы.

Просмотрите полное объяснение в this link.

Answer 2

Поскольку вы используете Bootstrap, почему бы просто не добавить класс .navbar-fixed-bottom в нижний колонтитул. Как это: http://www.bootply.com/aCRnwLXMwN

<footer class="navbar-fixed-bottom" style="background:#999;"> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-sm-12"> 
       <p>All you get is this text and a mostly barebones HTML document.</p> 
      </div> 
     </div> 
    </div> 
</footer>