title: How make a content of a html table compatible with any screen resolution?
body: <p>I have the following html code with a <code>&lt;table&gt;</code> that also will be showed in mobile devices and have a trouble. If i insert much content inside this table, in devices with small resolution (small of screen), the content not will showed completally (will cut the footer  of my site). </p>
  
  <p>Then how make displayed all content of my site be showed based on code below?</p>
  
  <pre><code>&lt;html&gt;
  &lt;body bgcolor="black"&gt;
  &lt;table width="100%" height="100%"&gt;
    &lt;tr&gt;
      &lt;td align="center" valign="center"&gt;
        &lt;br /&gt;
        &lt;img width="100" height="100" src="myimage.png"&gt; &lt;br /&gt;&lt;br /&gt;
        &lt;b&gt;&lt;font color="white"&gt;My text...&lt;/font&gt;&lt;/b&gt; &lt;br /&gt;
        &lt;b&gt;&lt;font color="white"&gt;My text...&lt;p id="randomize"&gt;&lt;/p&gt;&lt;/font&gt;&lt;/b&gt;
        &lt;b&gt;&lt;font color="white"&gt;My text...&lt;p id="lbpath"&gt;&lt;/p&gt;&lt;/font&gt;&lt;/b&gt;
        &lt;br /&gt;
        &lt;img width="150" height="150" src="myimage2.gif"&gt; &lt;br /&gt;
        &lt;center&gt;
          &lt;font color="yellow"&gt;&lt;b&gt;
          &lt;p id="label"&gt;My text...&lt;/p&gt;
          &lt;/b&gt;&lt;/font&gt;
        &lt;/center&gt;
        &lt;b&gt;&lt;font color="red"&gt;My text...&lt;/font&gt;&lt;/b&gt;&lt;font color="white"&gt;My text...&lt;/font&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>