title: How can i position the image as center even resize the window
body: <p>I am trying to place the image as center of the screen as with calculation like </p>
  
  <pre><code>       var wh = jQuery(window).innerHeight();
          var ww = jQuery(window).innerWidth();
          var fh = jQuery('.drop').innerHeight();
          var fw = jQuery('.drop').innerWidth();
  </code></pre>
  
  <p>I am not sure where i did the mistake. For the resize the window as i tried with</p>
  
  <pre><code>jQuery(window).resize(function() {
                  var wh = jQuery(window).innerHeight();
                  var ww = jQuery(window).innerWidth();
                  var fh = jQuery('.drop').innerHeight();
                  var fw = jQuery('.drop').innerWidth();
              });
  </code></pre>
  
  <p>But that above script won't help even if i resize the window also image doesn't align to center.</p>
  
  <p>Is there is a way to show the image as center even if i resize the window. </p>
  
  <p>Here is the <strong><a href="http://jsfiddle.net/aB8yq/14/" rel="nofollow">fiddle</a></strong></p>