title: How can i set something on fixed position only when the content height fits in the screen height?
body: <p>Let me explain.</p>
  <p>I have a footer, that I want to be at the bottom of the screen. But, when the content of the page is shorter than the window (when there's no scrollbar), the footer is too high in the page, it is not at the bottom of the screen.</p>