title: CSS dynamically position footer (sticky footer problem)
body: <p>I am trying to achieve the same effect the sticky footer does, but I have a problem which does not appear in any tutorial or question asked here: my footer's height is also dynamic.</p>
  
  <p>I have some news items in my footer, so that the height of the footer changes according to the length of those news items.
  Obviously, I want the footer to be positioned absolute to the bottom of the page when the content's height is smaller than the browser's view-port, and relative to the content when its height is higher than the actual view-port.</p>
  
  <p>Currently I implemented this successfully in jQuery, but I would like a CSS-only method (if any) because some users keep JavaScript disabled in their browsers.</p>
  
  <p>Thank you very much!</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>My code is pretty much usual: I have a <code>&lt;header&gt;</code>, an <code>&lt;aside&gt;</code>, a <code>&lt;section&gt;</code> and a <code>&lt;footer&gt;</code> in my <code>&lt;body&gt;</code> tag.
  In jQuery, I pretty much compare the sum of the heights of these elements (without the footer) to the browser view-port. If the value is greater, I add a <code>position:relative</code> to the footer, else I add a <code>position:absolute; bottom:0</code> to it.</p>