Липкий нижний колонтитул, но только иногда пт. 3

Question

Та же проблема, что и раньше (см. Sticky Footer, но только иногда и Sticky Footer, но только иногда ... продолжение ) ...

У меня естьнижний колонтитул, который я хочу прикрепить к нижней части страницы, если контент не заполняет страницу, тогда я хочу, чтобы он был сдвинут вниз.Я делал это дюжину раз с другими сайтами, но я не могу заставить этот работать.Работаю в Wordpress.Я проверил порядок моего divs и прошел через css ... любая помощь приветствуется.

Основные компоненты css:

* {
    margin: 0;
    padding: 0;
}

html, body {
    height:100%;
    min-height:100%;
}

#wrapper {
    background:url("images/shadowborder.png") repeat-y center;
    width:100%;
        max-width:100%;
        min-width:980px;
    min-height:100%!important;
        margin:0 auto;
    margin-bottom:-20px;
    position:relative;
    overflow:auto;
}

#content {
    clear:both;
    float:left;
    padding:20px 20px 60px 20px;
    font-size: 1.6em
}
#spacer {
    height: 40px;
    clear: both;
}

#footer {
    position: relative;
    border-top: 1px solid #e5a5fc;
    padding:3px!important;
    height:20px;
}

Сайт:

http://www.hcfmissoula.com

Answer 1

Рецепт, который я использую:

• height: 100% на html
• min-height: 100% и position: relative на body (с height:100% для ie6)
• position: absolute и bottom: 0 в нижнем колонтитуле

Может быть, сложно удержать нижний колонтитул от затенения текста рядом с основанием.