Исправлен нижний колонтитул внизу страницы

Question

Я хочу фиксированный нижний колонтитул в нижней части моей страницы, где я могу иметь одну строку текста (весь текст по центру), just like this.

This is my current code.

Я пробовал использовать другие учебные пособия, но ничего не работал.

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

Answer 1

Я бы рекомендовал использовать Ryan Fait's sticky footer. Он может выполнить то, что вы пытаетесь сделать с помощью чистого CSS.

HTML:

<div class="wrapper"> 
    Content Here 
    <div class="push"></div> 
</div> 
<div class="footer"></div> 

CSS:

* { 
    margin: 0; 
} 

html, body { 
    height: 100%; 
} 

.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */ 
} 

.footer, .push { 
    height: 142px; /* .push must be the same height as .footer */ 
} 

.footer { /* centers the text */ 
    text-align: center; /* horizontal centering */ 
    line-height: 142px; /* vertical centering; should be equal to the footer height */ 
} 

Answer 2

Попробуйте изменить элемент колонтитула и предшествующая ч элемент вроде этого:

<footer style="position:fixed; left:0px; right:0px; bottom:0px; 
     background:rgb(255,255,255); text-align:center;"> 
    <hr> 
    <p>&copy; Company 2012</p> 
</footer> 

Я думаю, это более или менее решает ваш проблема. Он работает не так, как нижний колонтитул на http://ryanfait.com/sticky-footer/, но насколько я понимаю ваш вопрос, это то, что вы хотите.

PS: CSS должен быть помещен в CSS-файл.