Закрепленный нижний колонтитул вместе с прокручиваемым div без определенной высоты

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

В конечном итоге я бы даже хотел, чтобы высоту прокручиваемой области содержимого можно было изменить, если размер окна изменится, но я забегаю вперед. Я предполагаю, что мне понадобится комбинация CSS и Javascript, чтобы добиться этого, что только CSS не может этого добиться?

Я, конечно, исследовал и нашел свойство переполнения CSS, но мой CSS в целом не очень хорош :( Ниже приведены некоторые CSS / HTML, которые я сколотил на основе руководства ryanfait.com по липкому нижнему колонтитулу, если кто-то может дать мне несколько советов, используя это в качестве отправной точки. Имейте в виду, что мне понадобится прямой Javascript, а не jQuery, поскольку он будет использоваться в настраиваемом браузере (http://tkhtml.tcl.tk/hv3.html). Мой Javascript в отличие от моего CSS, хотя и довольно хорош, поэтому ответ, сочетающий конкретные предложения CSS с общими предложениями Javascript (которые я затем конкретизирую), был бы идеальным.


    

    
    
        

Your website content here.

РЕДАКТИРОВАТЬ: То, что я пытался, основанный на первых двух ответах:

Я внес следующие изменения в CSS на основе частей двух полученных ответов:


В Chrome это дает две полосы прокрутки, одна очень слабая, но тем более видный из них по-прежнему допускает переполнение содержимого (возможно, я использую этот термин неправильно?) за пределами области оболочки и поверх (или под нижней частью) нижнего колонтитула плюс снаружи всего тела. Спасибо за помощь, но мне все еще нужна небольшая помощь.Вот ссылка на скриншот того, что я вижу; Я использовал http://www.ipsum-generator.com/ для генерации всего контента.

http://dl.dropbox.com/u/44728447/dynamic_wrapper_sticky_footer.JPG

5
задан George Jempty 13 October 2011 в 00:18
поделиться