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

Question

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

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

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

Спасибо!

Answer 1

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

Answer 2

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

body
{
 height: 100%;
}

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