title: JSS resize images on table HTML
body: <p>i'm doing a webapplication for android and iOS
  i'm resizing every object in my html file by Javascript
  but there's a problem, the first table it's perfect 
  but when i copy it down the image of the second table doesn't resize, can you help me please?</p>
  
  <p>this is the site </p>
  
  <p><a href="http://bestparty.altervista.org/IOS/IOS/eventi.php" rel="nofollow">http://bestparty.altervista.org/IOS/IOS/eventi.php</a></p>
  
  <p>this is .JS file</p>
  
  <pre><code>$(document).ready(function() {
    $("body").css("height", ((($(window).height() * 100) / 100)));
    $("#evntfoto").css("height", ((($(window).height() * 20) / 100)));
    $("#evntfoto").css("width", ((($(window).width() * 40) / 100)));
  
  
  
    document.ontouchstart = function(e) {
      e.preventDefault();
    };
  });
  </code></pre>
  
  <p>and this is my html file</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta content="True" name="HandheldFriendly"&gt;
      &lt;meta content="on" http-equiv="cleartype"&gt;
      &lt;link href="css/stile.css" rel="stylesheet" type="text/css"&gt;
      &lt;meta content="width=320, initial-scale=0.7, user-scalable=no" name=
      "viewport"&gt;
      &lt;script src="JS/jquery-1.11.1.js.js"&gt;&lt;/script&gt;&lt;!--PER EVENTI--&gt;
  
      &lt;script src="JS/func.js"&gt;&lt;/script&gt;&lt;!--PER EVENTI--&gt;
  
      &lt;title&gt;BParty&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id="navigation"&gt;
          &lt;table width="100%"&gt;
              &lt;tr valign="middle"&gt;
                  &lt;td align="center" valign="middle" width="25%"&gt;&amp;lt;&lt;/td&gt;
  
                  &lt;td align="center" valign="middle" width="50%"&gt;BPARTY&lt;/td&gt;
  
                  &lt;td align="center" width="25%"&gt;&amp;gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  
      &lt;div id="evntprg"&gt;
          EVENTI IN PROGRAMMA
      &lt;/div&gt;
  
      &lt;div id="container" style="overflow:scroll;"&gt;
          &lt;div style=
          "width:90%; display:block; margin:0 auto; padding-top:10px; margin-top:10px; padding-left:10px; background-color:#FFF; padding-bottom:10px;"&gt;
          &lt;table width="100%"&gt;
                  &lt;tr valign="middle"&gt;
                      &lt;td align="center" id="evntfoto" style=
                      "background-image:url(IMG/fnky.jpg); background-position:center; background-size: cover;"
                      valign="middle"&gt;&lt;/td&gt;
  
                      &lt;td align="left" id="evnttxt" valign="top"&gt;&amp;nbsp; &amp;nbsp;
                      &lt;b&gt;Fnky carnival&lt;/b&gt;&lt;br&gt;
                      &amp;nbsp; &amp;nbsp; Sabato 21 Febbraio&lt;br&gt;
                      &amp;nbsp; &amp;nbsp; Nikita&lt;br&gt;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
  
              &lt;table width="100%"&gt;
                  &lt;tr valign="middle"&gt;
                      &lt;td align="center" id="evntfoto" style=
                      "background-image:url(IMG/fnky.jpg); background-position:center; background-size: cover;"
                      valign="middle"&gt;&lt;/td&gt;
  
                      &lt;td align="left" id="evnttxt" valign="top"&gt;&amp;nbsp; &amp;nbsp;
                      &lt;b&gt;Fnky carnival&lt;/b&gt;&lt;br&gt;
                      &amp;nbsp; &amp;nbsp; Sabato 21 Febbraio&lt;br&gt;
                      &amp;nbsp; &amp;nbsp; Nikita&lt;br&gt;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>