resize an html element on window resize
<p>I found a similar question a few days ago, and I've been trying to implement one of the suggestions since then without an success. Any I have an ASPx page, not the master, that has two tables stacked one on top of the other. I've got the top formatted just the way I want. However, the bottom on I want to have it fit within the window, or better yet, show a vertical scrollbar.</p>

<p>I've wrapped the bottom table in a div with overflow-style: auto; in the CSS file. Then I'm using the following script in the page to manage the resizing:</p>

<pre><code>    $(function () {
        $('.tblContent table').css({ 'height': (($(window).height()) - 50) + 'px' });

        $(window).resize(function () {
            $('.tblContent table').css({ 'height': (($(window).height()) - 50) + 'px' });
        });
    });
</code></pre>

<p>My div looks like:</p>

<pre><code>&lt;div class="tblContent"&gt;
</code></pre>

<p>The CSS file contains:</p>

<pre><code>.tblContent 
{
    overflow-style: auto;
}
</code></pre>
