Tricky sticky footer with sidebar

Question

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

Вот копия страницы я работаю: http://www.lavenderstone.co.uk/stackoverflow/

Я работал с http://ryanfait.com/sticky-footer/ многих успешно раз в прошлом, и метод с использованием 's вместо%. Твист к проблеме, которую я испытываю, есть боковая панель высотой 100% (зеленый), и мне нужен нижний колонтитул (оранжевый) внизу содержимого div (серый).

Я не могу разместить нижний колонтитул внизу своего родительского div, а также не могу заставить своего брата иметь 100% -ую высоту минус высота нижнего колонтитула. Я пробовал обойтись безрезультатно.

Я мог бы разместить нижний колонтитул в нижней части страницы, но это нарушит конструкцию боковой панели. Может ли кто-нибудь помочь? Я почти желаю прибегнуть к javascript!

Answer 1

добавить этот стиль контент обруч элемент

#content-wrap{ 
    height:100%; 
} 

положить колонтитул элемент в вашем элементе контента и добавить этот стиль;

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