RelativeLayout containing a webview and another relativelayout
<p>I am trying to make an <code>Activity</code> that has a <code>WebView</code> and a small bar at the bottom with height of <code>40dp</code> which has buttons for refresh, back, forward, etc. The issue i'm facing is that I want the <code>WebView</code> to consume the height of the entire view except for the bottom <code>40dp</code>.</p>

<pre><code>&lt;RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" &gt;

    &lt;WebView
        android:id="@+id/id_web_view_browser"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" /&gt;

    &lt;RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="40dp"
        android:layout_alignParentBottom="true"
        android:background="#000000"
        android:orientation="horizontal" &gt;

        &lt;Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_marginLeft="10dp"
            android:background="@drawable/ic_action_example"
            android:onClick="onClick"
            android:textSize="14sp" /&gt;
    &lt;/RelativeLayout&gt;
&lt;/RelativeLayout&gt;
</code></pre>

<p>Above is what I have so far... Right now the browser has height of the whole screen with the <code>RelativeLayout</code> at the bottom (covering a piece of the browser). Is there anything else I can do to leave the bottom <code>40dp</code> for the <code>RelativeLayout</code> only?</p>
