верхняя и нижняя граница с высотой 100% - как?

Question

Как я могу получить верхнее и нижнее поле, расположенное на верхнем и нижнем уровне абсента, если основное содержание составляет менее 100%, а при «конце прокрутки» - если контент больше, чем экран?

Пожалуйста, см: http://jsfiddle.net/FGBZc/

С уважением

Answer 1

С коробкой-калибровкой это было бы самым простым.

Используйте box-sizing: border-box на этом div. Дайте ему min-height100%. Дайте ему top и border-bottom вы хотите.

Вот скрипка. ->http://jsfiddle.net/FGBZc/11/

Несомненно, это не работает на ie7. Просто ie8 +.

Для этого без box-sizing требуются дополнительные элементы. Это липкая ситуация нижнего колонтитула. Если вы Google липкий нижний колонтитул, вы найдете то, что я сделал в скрипке ниже.

Проверьте это ->http://jsfiddle.net/FGBZc/23/

Answer 2

Попробуйте совместив его с позиции абсолютной и затем установить нижнюю 0 в CSS так (IE7 и выше.):

position: absolute; 
bottom: 0;