title: FragmentTabHost content filling remaining space
body: <p>I've been experimenting with tab navigation on android but I can't set up the content area correctly.
  The layout of the application:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;android.support.v4.app.FragmentTabHost
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/tabhost"
  android:tag="tabhost"
  android:layout_width="match_parent"
  android:layout_height="match_parent" &gt;
  
      &lt;RelativeLayout
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:orientation="vertical"
          android:tag="linear"&gt;
  
          &lt;TabWidget
              android:id="@+id/tabs"
              android:tag="tabs"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:orientation="horizontal" &gt;
          &lt;/TabWidget&gt;
             &lt;FrameLayout
              android:id="@+id/tabFrameLayout"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
          /&gt;
      &lt;/RelativeLayout&gt;
  &lt;/android.support.v4.app.FragmentTabHost&gt;
  </code></pre>
  
  <p>The fragment:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;android.support.v4.widget.DrawerLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@+id/info_drawer_root"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="#e0e0e0"&gt;
  
      &lt;FrameLayout
          android:id="@+id/info_content_frame"
          android:layout_width="match_parent"
          android:layout_height="match_parent" &gt;
  
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Fragment info"
          android:id="@+id/info_textView"
          android:layout_gravity="center_horizontal" /&gt;
      &lt;/FrameLayout&gt;
  
      &lt;ListView android:id="@+id/info_drawer"
          android:layout_width="240dp"
          android:layout_height="match_parent"
          android:layout_gravity="start"
          android:choiceMode="singleChoice"
          android:divider="@android:color/transparent"
          android:dividerHeight="0dp"
          android:background="#111"/&gt;
  &lt;/android.support.v4.widget.DrawerLayout&gt;
  </code></pre>
  
  <p>And the code I used in the activity:</p>
  
  <pre><code>@Override
  protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
  
      setContentView(R.layout.activity_main);
  
      tabHost = (FragmentTabHost)findViewById(R.id.tabhost);
      tabHost.setup(this, getSupportFragmentManager(), R.id.tabFrameLayout);
  
      tabHost.addTab(tabHost.newTabSpec("Tab 0").setIndicator("", getResources().getDrawable(R.drawable.ic_launcher)), InfoFragment.class, null);
      tabHost.addTab(tabHost.newTabSpec("Tab 1").setIndicator("Tab 1"), HomeFragment.class, null);
      tabHost.addTab(tabHost.newTabSpec("Tab 2").setIndicator("", getResources().getDrawable(R.drawable.ic_launcher)), AppsFragment.class, null);
  }
  </code></pre>
  
  <p>This generates the following result:
  <img src="https://i.stack.imgur.com/eNN4H.png" alt="Screen Capture"></p>
  
  <p>As you can see the content area overlaps the tabs. I would simply like it to be below them and fill up the remaining space like this:
  <img src="https://i.stack.imgur.com/cdkHs.png" alt="Screent Capture"></p>
  
  <p>I've tried wrapping them in a RelativeLayout tag and applying the below attribute but it didn't work. I trid using the weight attribute without any luck as well.</p>
  
  <p>Thanks.</p>