Исправлен нижний колонтитул & относительный DIV

Question

Я до сих пор смущен. Кодирование на самом деле не мое, поэтому я считаю, что я перепутал где-то где-то, что создает эту проблему:

Я пытаюсь сделать липкий нижний колонтитул. Нижний колонтитул палочки - но только если я сделаю свой основной контент DIV (белый центрированный прямоугольник) относительным. Мне нужна высота этого DIV, чтобы растянуться с контентом (который будет содержать PHP-скрипт, который вытащит из моего блога Wordpress - так естественно, мне нужно его настроить по мере необходимости). Если DIV растягивается дольше 500 пикселей, происходит странное движение с двумя прокрутками, & Ненавижу это. Мне нравится относительный DIV, но мне бы хотелось избавиться от всего лишнего пространства прокрутки, а также убедиться, что он стекает/регрессирует с контентом & нижний колонтитул остается там, где он есть.

Я надеюсь, что это не слишком смущает. Мне просто хотелось бы, чтобы кто-то просмотрел мой исходный код. & посмотри, где я ошибаюсь. Спасибо за любую помощь.

http://www.missa.me/practice3.php

Answer 1

хороший сайт :)

Вам нужно сделать футер фиксированной,

использовать этот CSS

#footer { 
position: fixed; 
height: 80px; 
clear: both; 
background-color: #fff; 
bottom: 0; 
left: 0; 
right: 0; 
} 

и принять overflow: auto; прочь #main

, что Тхи s делает это, чтобы нижний колонтитул оставался «фиксированным» в нижней части вашего окна просмотра, поэтому он всегда будет придерживаться нижней части экрана. При удалении overflow:auto; вы получите #main естественную способность расширять свою высоту в зависимости от содержимого внутри него.