Как правильно прижимать блоки div к футеру?

Question

[William66]

Вопрос для знатоков CSS

как выглядит сейчас:


как выглядит меню, с атрибутами:

position: absolute;
bottom: 0;

нужно, чтобы меню и футер были в поле зрения всегда, а слайдер растягивался и сужался от края меню, а не от самого края экрана

Comments

[Ankhena]

а слайдер растягивался и сужался от края меню

Если "край меню" это нижняя граница меню, она же верхняя граница футера, то для высоты слайдера используйте calc и вычитайте высоту футера.
Ну либо вычитайте и футер и меню.

Answer 1

[xmoonlight]

1. padding-bottomу контент-блока (там где слайдер) сделайте равным высоте за футера и поставьте за футер: z-index:1.
2. А при появлении меню просто меняйте padding-bottom контент-блока на высоту меню. Если не менять - меню откроется "по-верх" (как сейчас на анимации).