ASP.NET Two column fixed layout, how to fill right column
<p>Yes, another question about fixed layout...
I have done much research and applied many solutions but I never find the right one.
The problem is simple: I would a web application that fill the client area of the browser. An header, a content area and a footer well fixed on the page and not movable. Obviously the content area has a menu on the right and a variable content on the left... The menu has a fixed widh and I would that the remaing part fill the browser.
This is my Master page (ASP.NET):</p>

<pre><code>&lt;body&gt;
    &lt;div id="header" class="header"&gt;
        &lt;table class="titleBar" style="border-spacing: 0px;"&gt;
            &lt;tbody&gt;
                &lt;tr&gt;
                    &lt;td style="text-align: left; vertical-align: middle; width: 45px; padding-left: 10px"&gt;
                        &lt;a class="Logo" align="middle" href="http://www" target="_blank"&gt;
                            &lt;img src="../../Images/55.jpg" style="border-bottom-width: 0px;" /&gt;
                        &lt;/a&gt;
                    &lt;/td&gt;
                &lt;/tr&gt;
            &lt;/tbody&gt;
        &lt;/table&gt;
    &lt;/div&gt;
        &lt;div class="navigationMenu"&gt;
            &lt;h3&gt;&lt;a href="../List/A"&gt;A&lt;/a&gt;&lt;/h3&gt;
            &lt;h3&gt;&lt;a href="../List/B"&gt;B&lt;/a&gt;&lt;/h3&gt;
        &lt;/div&gt;
        &lt;div class="itemsList"&gt;
            &lt;asp:ContentPlaceHolder ID="MainContent" runat="server" /&gt;
        &lt;/div&gt;
    &lt;div class="footer"&gt;
        &lt;div&gt;
            &lt;p&gt;&amp;copy; 2016  - &lt;a href="http://"&gt;www&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/body&gt;
</code></pre>

<p>and this is the CSS</p>

<pre><code>html
{
    height: 100%;
}

body
{
    padding: 0px;
    margin: 0px;
    background: #ffffff;
    font-size: .80em;
    font-family: Roboto, Verdana;
    position: absolute;
    color: #696969;
}

.header
{
    padding: 4px 4px 4px 4px;
    margin: 0px auto;
    position: fixed;
    top: 0;
    width: 100%;
    height: 64px;
}

.container
{
    padding: 4px;
    margin: 0px auto;
    width: 100%;
    position: fixed;
    left: 0;
    top: 65px;
    bottom: 33px;
    overflow: auto;
}

.navigationMenu
{
    position: fixed;
    margin: 0px 2px; 
    padding-left: 4px;
    width: 16em; 
    background-color: #CCF;
    top: 65px;
    bottom: 33px;
}

.itemsList
{
    background-color: #FFA;
    position: fixed;
    top: 65px;
    left: 16em;
    margin-left: 8px;
    bottom: 33px;
    overflow: auto;
}

.footer
{
    width: 100%;
    margin: 0px auto;
    position: fixed;
    bottom: 0;
    text-align: center;
    height: 32px;
}
</code></pre>

<p>All works fine but the itemsList div that doesn't fill the browser.
Can you help me? Any suggestion?</p>

<p>Thank you!</p>