CSS Sticky Footer - Нет полосы прокрутки, когда содержимое div содержит много текста

Question

Я пытаюсь создать липкий нижний колонтитул. Я посмотрел на версию Райанфаитса и на эту http://matthiasschuetz.com/content/extras/css_template01.html

Последний работает просто отлично, но проблема в том, что когда я помещаю много содержимого в div содержимого, нижний колонтитул опускается, и в content-div отсутствует полоса прокрутки. Я попытался в content-div установить min-height, max-height, height и, конечно, overflow = auto и overflow-y. Последний показывает по крайней мере отключенную полосу прокрутки, но все еще не работает.

Есть идеи? Я очень расстроен: (

Большое спасибо! Рон

Answer 1

Рон У меня была такая же проблема, так что да, ваши проблемы действительны с липким нижним колонтитулом.Вы можете попробовать поместить следующее в контейнер содержимого, где ваш контент начинается на 130 пикселей сверху.

#content-container {
margin-top:130px;
position: absolute;
top: 0; 
bottom: 0; 
left: 0; 
right: 0;
overflow: auto;
}

Я фактически закончил делать прокрутку div всей оболочки, выполнив это:*}

#footer-container {
background-color:#263959;
color:#FFF;
height:110px;
min-width:1000px;
width:100%;
overflow:hidden;
position:absolute;
bottom:0;

}

Answer 2

Посмотрите на

http://www.cssstickyfooter.com/

Если я использую http://matthiasschuetz.com/content/extras/css_template01.html и расширяю содержимое, оно не показывает мне полосу прокрутки для div. Возможно, вам следует опубликовать свой html / css онлайн, чтобы люди могли посмотреть, не поможет ли это вам.

Answer 3

Прежде всего добавьте это в свой CSS

html {
    height: auto;
    min-height: 100%;
    overflow-y: scroll;
}

Во-вторых, я не пробовал твой липкий нижний колонтитул, но я часто использую этот http://ryanfait.com/sticky-footer/

Это работает очень хорошо.