footer в середине страницы

Question

Я много искал, прежде чем спрашивать, но не нашел решения. Я пробовал атрибуты позиции, float, eccetera. Я сделал сайт в Wordpress, и я, должно быть, что-то изменил в последний день в css, который я не помню. В результате нижний колонтитул не течет внизу с содержимым. Мое (временное) решение - установить высоту #mainwrapper на 3800 пикселей. Это подталкивает нижний колонтитул вниз на главной странице, но он все еще застрял посередине на других страницах. Я бы хотел, чтобы нижний колонтитул оставался прямо на каждом содержании сайта. Вы можете помочь? Url является www.corcianonline.it, вы можете заметить, а вопрос здесь: http://www.corcianonline.it/raccolta-differenziata

С наилучшими пожеланиями, Lorenzo

Answer 1

Вы должны установить позицию "fixed":

#footer { 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    height: 100px; 
    background: #000; 
    border: 0; 
    color: #fff; 
    font-size: 10px; 
    font-family: Arial, Helmet, Freesans, sans-serif;  
} 

Fixed означает, что top/bottom/left/right -трибуты относятся к окну браузера, а не к элементу parent-Element. Таким образом, не имеет значения, если вы прокручиваете, нижний колонтитул всегда остается в одном месте.