основной блок не будет масштабироваться по содержимому в сочетании с липким нижним колонтитулом

Может ли кто-нибудь помочь мне здесь? просмотреть страницу здесь

У меня проблемы с div #mainvervolg, который не масштабируется по содержимому. Он имеет минимальную высоту и переполнение: auto; из-за липкого нижнего колонтитула, который я использую. Я понятия не имею, как я могу исправить не масштабирование.


css footer overflow sticky scaling
person Meltdown87    schedule 25.03.2013    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Чтобы исправить это, вы должны переместить div #contentCONTAINER из div #slidercontainer в #mainvervolg, а также переместить div #footerwrap внутрь #mainvervolg. Это позволит правильно оформить документ. Затем измените css, чтобы он соответствовал ниже:

#mainvervolg {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
}
#slidercontainer {
    position: relative;
    width: 1000px;
    height: 275px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;

}
#contentCONTAINER {
    position: relative;
    width: 1000px;
    overflow: auto;
    z-index: 100;
    top: -50px;
    margin: 0 auto;
}

Заметные изменения заключаются в удалении ширины, положения, минимальной высоты и нижнего края основного холста. Измените верхнюю часть на -50px на contentCONTAINER.

person Martyn0627    schedule 25.03.2013
comment
Большое спасибо! Я собираюсь попробовать это как можно скорее. - person Meltdown87; 25.03.2013
comment
Хм.. так вот почему это не работает для меня. Затем нижний колонтитул фиксируется внизу, а содержимое прокручивается под ним. Я не хочу этого. Я не хочу, чтобы нижний колонтитул был виден, когда содержимое достаточно длинное. Он должен реагировать на div перед этим и просто закрывать страницу. Я хочу, чтобы нижний колонтитул был виден только тогда, когда содержимое меньше, чем окно браузера, поэтому нижний колонтитул красиво заполнит нижнюю часть браузера. Пример виден по индексу: ссылка - person Meltdown87; 25.03.2013
comment
Обновление ответа для достижения этого, надеюсь, это то, что вам нужно - person Martyn0627; 25.03.2013

arrow_upward
0
arrow_downward

Хорошо, в этом случае, я думаю, я понял: единственное, что я изменил сейчас, это удалить «переполнение: авто» из contentCONTAINER, и теперь это работает. Поправьте меня если я ошибаюсь.

person Meltdown87    schedule 25.03.2013