Footer не будет лежать на дне, когда я перейду на страницу с запросом

Question

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

#footer { 
- height:55px; width:1200px; background:{color:footer bg}; clear: both; 
z-index:-999px; position: absolute; bottom: -55px; left: calc(50% - 
600px); 
} 

#footer .inner { 

- color: {color:footer text}; margin:0 auto; padding: 16px; font-family:'roboto' sans-serif; font-weight:bold;text-align:center;font-size:10px; letter-spacing:2px; text-transform:uppercase; 

} 

#footer a { 

- color: {color:footer text}; padding: 5px; font-size: 10px; 
    letter-spacing: 2px; 

} 

#footer a:hover { 

- color: {color:menu hover text}; background: {color:menu hover bg}; 

Основной темой можно увидеть на swanepoelofph.tumblr.com, где сноска в порядке, и это та часть, где сноска идет вверх http://swanepoelofrph.tumblr.com/a и http://swanepoelofrph.tumblr.com/submit, так же, как и в правилах, стилей значков страниц тоже.

Код, который я сделал и попробовал, выглядит следующим образом (я просто делаю это). Я не уверен, могу ли я опубликовать весь html здесь, но если есть вопросы или вы хотите увидеть целое, я могу отправить ссылку.

Answer 1

Я решил проблему страницы Tumblr: Просто изменить контейнер и положение колонтитулов к относительному

.container { 
    position: relative; 
    ... other styles ... 
} 

#footer { 
    position: relative; 
    ... other styles ... 
}