How to make a footer at the bottom of a page on a screen with little information?

Question

css

Good day everyone.
The bottom line is this, for example, I have a small business card website with 4 pages, everything is banal, header, content, footer.
But here's the catch, how to make it so that on the page, for example, with contacts, make sure that the footer is at the bottom of the screen, given that there is little information on the page, the footer just follows the content, but in this case it should be simply placed at the bottom of the screen ( and on all types of screens if necessary).
Can we solve it?
PS New techniques like flex are not suitable, support for some older browsers is needed.
A good example of what I get:

Answer 1

lmgtfy.com/?q=footer+at+bottom

Answer 2

everything is much simpler, for this a wide footer is laid in the design.

Answer 3

https://jsfiddle.net/78ew73su/

Answer 4

Class navbar-fixed-bottomsince you are using bootstrap

Answer 5

You set the body:
display: flex and flex-direction: column
And then you set the content block to flex: 1
Then your content will expand with free space.

Answer 6

How to make a footer at the bottom of the page... Is it solvable?

And for the eighth time, I'll add this demo to the answer ... I'll count to 13 and start complaining about questions like this.

Answer 7

Emulation of table behavior. Browser support is very good .

.container {
  display: table;
  height: 100%;
  width: 100%;
}

.content {
  display: table-row;
  height: 100%;
}

Demo on codepen