title: Position two image view on top of another
body: <p>I am trying to position 2 imageView on top of another. this is what I want to accomplish.
  <img src="https://i.stack.imgur.com/NuYdG.jpg" alt="enter image description here"></p>
  
  <p>so what i want is , imageView #2 will be placed exactly same position of imageView #1 like in the picture. this what i tried so far but it not working like I wanted. image are not staying exact position when I tried in different device :(</p>
  
  <pre><code>&lt;LinearLayout
  android:id="@+id/wrap"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:layout_below="@id/tvding"
  android:orientation="vertical" &gt;
  
      &lt;FrameLayout
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:orientation="vertical" &gt;
  
          &lt;ImageView
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:layout_gravity="center"
          android:scaleType="fitCenter"
          android:src="@drawable/base" /&gt;
  
          &lt;ImageView
          android:id="@+id/imageViewCompass"
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:layout_gravity="center"
          android:layout_marginTop="25dp"
          android:scaleType="fitCenter"                    
          android:src="@drawable/niddle" /&gt;
      &lt;/FrameLayout&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>