Hello, I’m a beginner coder do not judge strictly, the problem is that I cann’t press the footer to the bottom of the page, it lays on the text, rummaged through all Google, not one way does not help, I will be very happy to help and point out my mistake that I didn’t do right I will be very grateful. footer

`https://jsfiddle.net/6no51wek/2/`

    1 answer 1

    Hello! To quickly move the footer down, it’s enough to add the margin: 130px; property margin: 130px; for the .news class margin: 130px; . So the .news element will "push off" the footer element. Because now the top edge of the footer just begins after the news block.

    But it will be a "crutch". There are two critical problems with this code.

    1. With the positioning and height of the elements defining the page frame. If in the developer’s tools (for example, in Google Chrome) you inspect the page and hover the node with the footer, you will see that the browser is confused where the footer is. He highlights it somewhere above. . On Therefore, the footer and can not normally push off from the main content. In general, it is necessary to restore order with the height and position of the elements. I'm not saying that the height needs to be specified explicitly - it only hinders, because the size of the content changes. But you read on this topic, look at examples of good layout.

    2. With the syntax of tags that create the structure of the document. Now there are constructions like

      <div class="te1"> <a href="#">Новости </div> <div class="te2"> КЛАНА</a> </div>

    So links can not be made out. You break the structure when, after opening the <a> tag, you close the <div> . The link must either be contained in the block completely, or enclose it in itself.

    Therefore, correct and check if there are any unnecessary unclosed tags. The problem with the footer is not because of this, but often incomprehensible errors come out because of this: somewhere the tag is not closed, somewhere superfluous, etc.