CSS: Why is the footer not attached to the bottom?

Question

css

You need to make a footer at the bottom of the page. Without the album cover slider, everything works as it should, but with it, the footer "floats", covering some of the content of the slider. I guess it's because of the inline blocks that the pictures hold. But why does it matter if these blocks are wrapped in a regular div?
You can view the page here: mycodetest.hol.es/example1.html

Thanks in advance.

Answer 1

Your footer has position: absolute and bottom: 0
The footer lies inside a block with the "latest-work-fix" class, so it is positioned absolutely relative to this block.
Try giving the footer bottom: -100px;

Answer 2

You have a problem in the sequence of divs. Simply tear off the FireBug and see that your footer is inside the block with the latest works, but it should, as I understand it, next to #wrap

Answer 3

#wrap is a wrapper for all content. The slider is wrapped in: <div class="container-fluid latest-work">
ps Yes, indeed, I had an extra div, thanks for noticing. But he did not affect anything, alas, so everything is still the same.