title: align two image at left and right of RelativeLayout with central element matching the whole free space
body: <p>I'm workin on an Android app (comptabile with android 2.3 and higher) and I need to make a coverflow with two navigations arrows aligned at left and right of the coverflow</p>
  
  <p>I tried many things, but can't figure out to make the left arrow aligned at the left of the layout and the right arrow at the right of the layout.</p>
  
  <p>I always have margins even if I havent specified padding or margin </p>
  
  <p>Here is a screenshot : <a href="http://accessdev.s3.amazonaws.com/temp/layout_madness_android.jpg" rel="nofollow">http://accessdev.s3.amazonaws.com/temp/layout_madness_android.jpg</a></p>
  
  <p>I used a black background in order to show that the size is correct (100% of parent) but we can see that the arrows are not left/right aligned. </p>
  
  <p>I checked and the problem is not inside the images itselves.</p>
  
  <p>here is my layout code, help would be appreciated :)</p>
  
  <pre><code>  &lt;RelativeLayout
              xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/BonsPlans_coverFlowAndArrows"
              android:layout_width="match_parent"
              android:layout_height="145px"
              android:layout_gravity="left"
              android:layout_marginLeft="0dip"
              android:layout_marginRight="0dip"
              android:background="#ff000000"
              android:paddingLeft="0px"
              android:paddingRight="0px"
               &gt;
  
              &lt;ImageView
                  android:id="@+id/bonsplans_fleche_gauche"
                  android:layout_width="wrap_content"
                  android:layout_height="match_parent"
                  android:layout_alignParentLeft="true"
                  android:layout_marginLeft="0dip"
                  android:paddingLeft="0px"
                  android:paddingRight="0px"
                  android:src="@drawable/fleche_gauche" /&gt;
  
              &lt;ImageView
                  android:id="@+id/bonsplans_fleche_droite"
                  android:layout_width="wrap_content"
                  android:layout_height="match_parent"
                  android:layout_alignParentRight="true"
                  android:layout_marginRight="0dip"
                  android:paddingLeft="0px"
                  android:paddingRight="0px"
                  android:layout_toRightOf="@drawable/fleche_gauche"
                  android:src="@drawable/fleche_droite" /&gt;
  
              &lt;pl.polidea.coverflow.CoverFlow
                  xmlns:coverflow="http://schemas.android.com/apk/res/com.accessdev.tellmeplus"
                  android:id="@+id/BonsPlans_coverflow"
                  android:layout_width="match_parent"
                  android:layout_height="145px"
                  android:layout_centerInParent="true"
                  android:layout_marginLeft="0dip"
                  android:layout_marginRight="0dip"
                  android:layout_marginTop="0dip"
                  android:layout_toLeftOf="@+id/bonsplans_fleche_droite"
                  android:layout_toRightOf="@+id/bonsplans_fleche_gauche"
                  coverflow:imageHeight="125px"
                  coverflow:imageWidth="150px" /&gt;
          &lt;/RelativeLayout&gt;
  </code></pre>