Нижний колонтитул, перекрывающий средний div?

Question

У меня есть этот файл php, где у меня есть 4 div.

• Заголовок
• Среднего
• Footer
• Вправо

Теперь у меня есть система входа, и когда я не вошел в моем среднем сНу и колонтитул DIV выглядит так, как я хочу, чтобы это было. Как так:

Теперь, когда я войти, это выглядит следующим образом:

Как вы можете видеть, номер страницы справа в настоящее время перекрываться немного, когда я «Вход в систему и граница ушла. Вероятно, это также связано с перекрытием.

Теперь я создал jsfiddle, но это не похоже на то, что я запускаю скрипт php. Я изменил цвета, чтобы убедиться, что вы видите divs, хотя результат jsfiddle не прав. Код, с другой стороны, как он есть. http://jsfiddle.net/FcBeA/4/

Хотя я считаю, что самое главное, чтобы посмотреть на это сноска CSS:

.footer{ 
    text-align:center; 
    clear:both; 
    position: absolute; 
    margin-left:10%; 
    height:15%; 
    width:80%; 
    background-color:white; 
    top:100%; 
    /*border-radius:12px;*/ 
} 

Что происходит не так?

Answer 1

z-index:-999; Добавить в футере:

.footer{ 
    text-align:center; 
    clear:both; 
    position: absolute; 
    margin-left:10%; 
    height:15%; 
    width:80%; 
    background-color:white; 
    top:100%; 
    z-index:-999; 
    /*border-radius:12px;*/ 
}