How to push the footer?

Hello. Can't nail the footer to the bottom of the page. The fact that online elements are opened and closed, causing the footer jumps, please see what's the problem https://jsfiddle.net/7hpzbvao/ .
March 19th 20 at 08:38
3 answers
March 19th 20 at 08:40
Solution
footer{
 background: #212121;
 cursor: default;
 color: #fff;
 position: absolute;
left:0;
 right: 0;
 bottom: 0;
 transform: translateY(350px);<code lang="css">

</code>
@Laverna_Bernhard , Thanks a lot! Tell me more please, how to cancel the repetition of the pictures, asked no-repeat, but to no avail. - courtney_Prohaska33 commented on March 19th 20 at 08:43
@courtney_Prohaska33, talking about the background image?
background-repeat: no-repeat; - Laverna_Bernhard commented on March 19th 20 at 08:46
@Laverna_Bernhard, or Rather it is clipped, leaving a white stripe. - courtney_Prohaska33 commented on March 19th 20 at 08:49
@Laverna_Bernhard, 5c9a016a69e49818954289.png - courtney_Prohaska33 commented on March 19th 20 at 08:52
solves a set of properties:

.block {
background-image: url('path to image');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
- Laverna_Bernhard commented on March 19th 20 at 08:55
the unit to which you apply the background image set the height: 100vh; - Laverna_Bernhard commented on March 19th 20 at 08:58
@Laverna_Bernhard, Set these properties, and the white space became even more. Please tell me to do the rubber image which property you need to ask? - courtney_Prohaska33 commented on March 19th 20 at 09:01
Send me a screenshot of what it should look or layout-design, I you from scratch will do better - Laverna_Bernhard commented on March 19th 20 at 09:04
@Laverna_Bernhard, Thank you very much. The problem was solved. Just added height: 100vh;

No other properties. - courtney_Prohaska33 commented on March 19th 20 at 09:07
@courtney_Prohaska33, Yes that's right, I just have not looked into the details, and wrote a more extensive set of properties to achieve, to be sure) - Laverna_Bernhard commented on March 19th 20 at 09:10
@Laverna_Bernhard, Thank You! All the best. - courtney_Prohaska33 commented on March 19th 20 at 09:13
@courtney_Prohaska33, Please, and you mutually! - Laverna_Bernhard commented on March 19th 20 at 09:16
March 19th 20 at 08:42
Can
footer p{
margin-bottom: 0;
}

if you do not want to leap the items, set a fixed height(maximum with an open box) unit with komentom and will not ride
March 19th 20 at 08:44
Cho, the mother is not fed porridge?

The problem is collapsing margins. Save the understanding of the problem and correct reset\well, or just the correct application.

Find more questions by tags CSS