Если вытащить, то как зафиксировать внизу футер? Чтобы независимо от того, сколько будет контента, футер оставался внизу. А во wrap обернул специально. Т.к. футер позиционируется абсолютно, относительно wrap. Вот здесь у меня получилось это: mycodetest.hol.es
К сожалению, не помогло. Удаляя margin-top всё просто съезжает наверх вместе с футером. Наверное, меня одно только интересует - почему вообще футер наезжает на слайдер с картинками (либо висит между низом страницы и слайдером, если окно широкое.)? Почему при, когда есть слайдер, то футер не крепится к низу, а когда нет слайдера - крепится. Из-за инлайн картинок? Но они же обвёрнуты в один div. (Нижний слайдер. Верхиний-то ни при чём, я думаю.)
Спасибо за коммент. Да, был мой косяк, но сейчас исправил. Если можете, гляньте плз ещё разок. Сейчас footer относительно wrap и по идее не должен накладываться на слайдер. Но всё же накладывается. Не могу понять, где я туплю. И не понимаю, почему это из-за инлайновых элементов, если они обвёрнуты в блок div.
Спасибо, transparent - почти то что нужно, но хочется понять, как можно сделать ту анимацию, что задумана. Я видел реализацию с помощью псевдоэллемента здесь: codepen.io/Discout/pen/CIrep , но я так и не смог это реализовать у себя. Я не понял, как заставить псевдоэлемент шириной 0px появляться.