Адаптивный нижний колонтитул всегда внизу ⇐ CSS

[Anonymous]

У меня возникли проблемы с созданием адаптивного нижнего колонтитула, который всегда остается внизу страницы. На самом деле я использую следующий код:

Код: Выделить всё

body
{
margin: 0 0 200px; //Same height of the footer
}
footer
{
position: absolute;
left: 0;
bottom: 0;
height: 200px;
width: 100%;
overflow: auto;
background-color: rgba(67, 191, 115, 0.95);
}

Я использую:

Код: Выделить всё

//Content


//Footer content

Ну, проблема в том, что если я изменю размер экрана, а содержимое окажется больше, чем разрешение, допускаемое в нижнем колонтитуле, например:



Я пытаюсь решить эту проблему. Если я использую позицию: исправлено, проблема исчезает, но я не хочу, чтобы нижний колонтитул следовал за прокруткой. Я думаю, проблема в 100-процентной ширине. Нижний колонтитул этого сайта Stack Overflow работает так, как мне нужно. Если я изменю размер окна, нижний колонтитул останется прежним, без пробелов. Как этого добиться? Как заставить нижний колонтитул покрывать всю ширину, не оставляя пробелов, даже если разрешение ниже, чем у страницы, как здесь, в Stack Overflow?

Подробнее здесь: https://stackoverflow.com/questions/308 ... -in-bottom