затруднительной сноска внизу страницы

Question

Я хотел бы исправить колонтитул в нижней части страницы, я попытался CSS

#footer { 
    position: absolute; 
    botom: 0; 
}` 

HTML

<div class="row"> 

    <div style="width: 155px; float: right;"> 
     <a href="http://zazoo.com/privacy/">Privée </a> | <a href="http://zazoo.com/terms-of-service/"> Conditions </a> 
    </div> 
</div> 
<footer> 
    <hr> 
    <p> 
     zAZOO est un service de sTELLA SAS, 40, rue Raymond debré, 93450, St denis,<br /> France, RCS 510 752 645 NANTERRE 
    </p> 
</footer> 

Answer 1

попробовать это без id у вас есть footerhtml5 тег в этой демо-версии

footer{ 
    position:fixed; 
    bottom:0; 
} 

DEMO

ИЛИ

и #footer вы должны использовать ниже Demo.

DEMO

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

Answer 2

Первое исправление опечаток. Далее, нижний колонтитул не ID, а имя элемента, так что вы должны использовать:

footer { 
    position: absolute; 
    bottom: 0; 
} 

Рабочий пример:

http://jsfiddle.net/kqJrf/

Answer 3

Ваш CSS нуждается незначительные изменения. Это работает.

footer { 
    position: absolute; 
    bottom: 0; 
} 

http://jsfiddle.net/qVVWr/

Answer 4

То, как Fags говорят хорошо, но обратите внимание, что элемент колонтитула для браузера, чтобы понять содержание страницы, а не стиль его. Так что лучше использовать его как это:

HTML

<footer id="main-footer"> 
    <p>Some Text is here</p> 
</footer> 

CSS

#main-footer { 
    position: fixed; 
    bottom:0; 
} 

Вторая причина дает идентификатор или класс этого элемента в том, что если вы используете HTML5, вы» ll используйте более одного элемента на странице.