Липкий нижний колонтитул CSS Проблемы

Question

Я смог спроектировать свой макет так, чтобы он имел 2 столбца и ширину 100%, вы можете видеть, что здесь .

Теперь я пытаюсь реализовать высоту липкого нижнего колонтитула (100%) с помощью этого макета, у которого также есть фон в правом столбце, перетекающий вниз по нижнему колонтитулу, а также с границей, которую я имею в левом столбце.

Есть ли способ сделать это с моим текущим макетом, или было бы замечательно, если бы кто-нибудь мог предложить альтернативу тому, как я сейчас это делаю!

Спасибо!

Answer 1

Взгляните на Sticky Footer 2009 . Это также обсуждалось несколько раз на SO.

Answer 2

Я бы добавил класс CSS в DIV, содержащий столбцы и стиль этого. Чтобы приблизиться, я должен был добавить следующее в ваш файл CSS:

body
{
 height: 100%;
}

.footer
{
 position: absolute;
 top: 90%;
 left: 0;
 height: 10%;
}