title: Fixed position on a mobile browser for footer
body: <p>Good day, i have a meta like this</p>
  
  <pre><code>&lt;meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalabale=no, width=device-width, height=device-height" /&gt;
  </code></pre>
  
  <p>Now i can get the height view port with js
  i want to use it to modify my footer so it stays always at the bottom of the screen using either a fixed positioning. here is the footer css</p>
  
  <pre><code>#footer
  {
  height:30px;
  background-color:#D9D9D9;
  background-image:url(../images/footer.png);
  background-repeat:repeat-x;
  margin-top:20px;
  width:100%;
  /*bottom:0;
  position:fixed;*/
  }
  </code></pre>
  
  <p>how do i modify this footer using JS to get the right thing. Thank you.
  @cyberomin.</p>