hi everybody!
Im building a website and the problem is that the design is good for resolutions over 1024 by 768. somehow i manged to reduce one of the tables in one of the pages the it will be ok for resolutions under 1024 by 768.
i was wondering if you can help me make a js script that will fit this specific table to the screen resolution? (i know what sizes it should be to fit in every resolution)

thanks everybody,
Ron.

Simple.
First, give a unique id to each of your tables.
Then:

<script type="text/javascript">
function resize(id, width){
  var trg=document.getElementById(id);
  if(trg)
    trg.style.width=width+"px";
  }
}
</script>

<table id="tbl1" summary="a random table" style="width:500px;" border="1">
  <tbody>
    <tr>
      <th>
        Table 1
      </th>
    </tr>
    <tr>
      <td>
        Content
      </td>
    </tr>
  </tbody>
</table>

<a href="javascript:resize('tbl1',900);">Resize table 1 to 900 px</a><br/>
<a href="javascript:resize('tbl1',200);">Resize table 1 to 200 px</a><br/>

I suggest just to define 100% for the table width and it will always be the full width of the browser window. The reason for this is if the users window is opened smaller than the screen resolution, it will not make any difference to the user because he/she will still need to scroll side to side to view the entire page. Also other elements such as scrollbars, status bars, and other background apps taking the desktops realestate may override the browser from opening full screen.

However, you can use javascript to get the screen size by the defined values of screen.width and screen.height