Белый зазор под нижним колонтитулом

Question

On my site here, нижний колонтитул белый в конце, когда padding-bottom недостаточно и задавался вопросом, может ли кто-нибудь помочь диагностировать.

Вот сноска CSS:

#footer { 
color:#E0E0E0; 
max-width:1280px; 
margin:0 auto; 
padding:1.45em 2% 0.4em; 
} 

И мне интересно, если правая нав равно столбец CSS влияет на его:

.right-nav { 
float: right; 
width: 29.4%; 
border-left: 1px solid #Dddddd; 
padding-top:2em; 
padding-bottom:10040px; 
margin-bottom:-10000px; 
} 

Любые идеи, было бы здорово.

* Обновление: this page here тоже имеет огромный пробел, поэтому мне интересно, имеет ли право-nav какое-либо отношение к нему.

Answer 1

Похоже, вы хотите использовать липкий нижний колонтитул.

http://ryanfait.com/sticky-footer/

Это лучший учебник, я нашел в Интернете. Тем не менее, вам, возможно, придется немного подкорректировать структуру вашего сайта.

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

Answer 2

если я вас понял право , то вам нужно добавить переполнения в футере

#footer 
{ 
overflow:hidden; 
} 

Answer 3

Используя это должно работать. Вот jsFiddle example из этого в действии.

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