Javascript/jQuery height calculation
<p>Im looking for a way, in javascript, to calculate the size of the browser <code>(px)</code> then calculate the size of a <code>&lt;div&gt;</code> taking away <code>50px</code> from that full screen size:</p>

<p>E.g.</p>

<pre><code>Browser screen size: 800px (Height)
Existing &lt;div&gt; that is always 50px (Height)
Leaves 750px (Height) for the remaining &lt;div&gt; to fill the page.
</code></pre>

<p>Then take that <code>750px</code> and apply it as inline style:</p>

<pre><code>&lt;div style="height: 50px"&gt;
&lt;img src="banner.png" /&gt;
&lt;/div&gt;

&lt;div style="height: x"&gt;
This fills the remainder of the page
&lt;/div&gt;
</code></pre>
