Incorrect display of the site in vertical orientation on mobile and tablet devices

Question

PHP

Code:
yadi.sk/d/a4EzQWG8LNf5S
In horizontal orientation, everything is displayed correctly. But if you turn the tablet or phone over, this is what comes out (see image). I tried to set the height and minimum height to 100% for the body. But it did not help. What to do, tell me please?

Answer 1

Use media queries in CSS
habrahabr.ru/post/119127

Answer 2

You need to set the height to 100% not only for the body but also for the html and .wrapper + footer absolute positioning anchor down (bottom:0), and in the content block indent from the bottom to the height of the footer.