Как я могу наклеить колонтитул в нижней части страницы

Question

Как я могу установить нижние колонтитулы для разных страниц на следующем сайте:

http://www.optimimo.com/

http://www.optimimo.com/home/contact

Я немного запутался о том, как исправьте нижний колонтитул внизу различных страниц.

Answer 1

Добавить height:100% в html, body и #pagewidth

Теперь добавьте position:absolute; bottom:0 в колонтитул

#pagewidth { 
width: 100%; 
height: 100%; 
overflow: auto; 
} 
#footer { 
font-family: 'PT Sans',Arial,Helvetica,sans-serif; 
width: 100%; 
background-color: #2d2d2d; 
overflow: hidden; 
padding: 24px 0; 
margin: 20px 0 0; 
color: #fff; 
position: absolute; 
bottom: 0; 
line-height: 16px; 
} 

Answer 2

попробовать этот

#footer { 
    background-color: #2D2D2D; 
    bottom: 0; 
    color: #FFFFFF; 
    font-family: 'PT Sans',Arial,Helvetica,sans-serif; 
    line-height: 16px; 
    margin: 20px 0 0; 
    overflow: hidden; 
    padding: 24px 0; 
    position: absolute; 
    width: 100%; 
} 

Answer 3

Вот что я сделал (@Sowmya, вы забыли позаботиться о некоторых кромки)

html { height: 100%; } 
body { 
    min-height: 100%; /* Otherwise your page will have no background if the content is longer than one screen-height */ 
    position: relative; /* To let the footer allways be on page-bottom, not at one-screen-height */ 
} 

#pagewidth { padding-bottom: 5em /* aprox. the height of the footer ... */ } 

footer#footer { position: absolute; bottom: 0; left: 0; right: 0; width: 100% /* Fixes some IE mis-alignments ... */ } 

Если вы хотите, чтобы нижний колонтитул всегда находился в нижней части экрана, установите нижний колонтитул в положение фиксированное.