레이아웃 만들다 밤새게 생겼습니다.

왜이렇게 간단한것도 못만들겠는것인지...

대충 이런형태 만들고 있습니다.

크게 윗부분부터 봤을때.. 처음 중간 끝 이라면... 저 처음 부분이 문제입니다.

각각의 흰 부분은 별도의 레이아웃입니다.

제가 하고 싶은건 왼쪽 레이아웃은 왼쪽으로.. 오른쪽 레이아웃은 오른쪽으로 가게 하고 싶은데요..

이걸 어떻게 해야 되는질 모르겠습니다.

대충 보면 다음과 같이 했습니다.

상위 레이아웃 하나 더 있고, 아래 코드부분은 처음 부분 레이아웃만 입니다.

<!-- 첫번째줄 레이아웃은 전체 가로방향 -->   가로 방향으로 두개의 레이아웃을 더 받기 위한 부모 레이아웃이구요..
    <LinearLayout
     android:id="@+id/lay1"
     android:orientation="horizontal"
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:layout_weight="1"
     android:background="#0000ff"
     >
     
     <!-- com1의 레이아웃 --> 이게 왼쪽 레이아웃이고..
     <LinearLayout
      android:id="@+id/com1"
      android:orientation="vertical"
      android:layout_height="fill_parent"
      android:layout_width="wrap_content"
      android:background="#f0f00f"
      android:layout_gravity="left" 이건 상위레이아웃의 왼쪽에 com1 레이아웃을 위치시키기 위한것이고..
      android:gravity="center"  이건 내부의 ImageView가 레이아웃의 한가운데 위치시키기 위한것입니다.
      >
      
      
      <ImageView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:src="@drawable/acec"
      />
     
     </LinearLayout>
      
     
     <!-- com2의 레이아웃 --> 이게 오른쪽 레이아웃입니다..
     <LinearLayout
      android:id="@+id/com1"
      android:orientation="vertical"
      android:layout_height="fill_parent"
      android:layout_width="wrap_content"
      android:background="#0ff0f0"
      android:layout_gravity="right" 마찬가지로 이건 com2레이아웃이 상위 레이아웃의 오른쪽에 위치시키기 위한것입니다.
      android:gravity="center"
      >
       
      <ImageView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:src="@drawable/acec"
      />
     
     </LinearLayout>
    </LinearLayout>

이 결과는....

이렇게 나옵니다..

첫번째의 두 레이아웃이 각각 왼쪽 오른쪽에 나타나지 않고 연결되어 나옵니다..

가운데의 ImageView는 정상적으로 레이아웃의 가운데 위치하구요..

두 레이아웃간의 margin을 두려고 하니 왠지 기기 해상도에 따라 나오는 위치가 다를것 같아서요..

어떻게 해야 하는건가요..

뭘 잘못 알고 있는건지......