title: layout alignment for different screens
body: <p>i am trying to align the page for different screens namely 4.5inch(xperia ion) and 4inch(s advance) it works with s advance.. but in xperia ion screen it breaks..</p>
  
  <p>the emulator image of both xperia ion and s advance...</p>
  
  <p><a href="https://imgur.com/m2WDqK2" rel="nofollow noreferrer"><img src="https://i.imgur.com/m2WDqK2.png" title="Hosted by imgur.com" /></a></p>
  
  <p>i stretched the buttons to avoid mistakes.. but yet when it comes to services.. the system fails... the big buttons on top and bottom are buffer buttons.. they are meant to simply align the rest..</p>
  
  <pre><code> &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:background="@drawable/rail" &gt;
  
  
  
  &lt;Button
      android:id="@+id/btnBufferTop" &lt;-- buffer top button
      android:layout_width="wrap_content"
      android:layout_height="130dp"
      android:layout_alignParentLeft="true"
      android:layout_alignParentRight="true"
      android:layout_alignParentTop="true"
      android:text="Button" /&gt;
  
  &lt;Button
      android:id="@+id/btnBufferBottom"  &lt;-- buffer bottom button
      android:layout_width="wrap_content"
      android:layout_height="60dp"
      android:layout_alignParentBottom="true"
      android:layout_alignParentLeft="true"
      android:layout_alignParentRight="true"
      android:text="Button" /&gt;
  
  &lt;Button
      android:id="@+id/button1" &lt;-- home button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentLeft="true"
      android:layout_alignParentRight="true"
      android:layout_below="@+id/btnBufferTop"
  
      android:text="Button" /&gt;
  
  &lt;Button
      android:id="@+id/button2" &lt;-- About us button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentLeft="true"
      android:layout_alignParentRight="true"
      android:layout_below="@+id/button1"
      android:text="Button" /&gt;
  
  &lt;Button
      android:id="@+id/button3" &lt;-- services
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_above="@+id/btnBufferBottom"
      android:layout_alignParentLeft="true"
      android:layout_alignParentRight="true"
      android:text="Button" /&gt;
  
  &lt;Button
      android:id="@+id/button4" &lt;-- clients
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_above="@+id/button3"
      android:layout_alignParentLeft="true"
      android:layout_alignParentRight="true"
      android:text="Button" /&gt;
  
  &lt;Button
      android:id="@+id/button5" &lt;-- contacts
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_above="@+id/button4"
      android:layout_alignParentLeft="true"
      android:layout_alignParentRight="true"
      android:layout_marginBottom="14dp"
      android:text="Button" /&gt;
  </code></pre>
  
  <p></p>
  
  <p>is there any other way to do it???? without buffer buttons</p>