title: Image Layout issue Xamarin (Forms)
body: <p>I am trying to have a screen with two basic elements, left text &amp; right the image. 
  The height of the container element should be as high as the image. The image width is relative to the screen, which influences the height. I tried various variations but each time the image or the image container has extra space under it.</p>
  
  <p>My code shows 3 variants the last one is without an image, the height is fine here: </p>
  
  <pre><code> &lt;StackLayout Spacing="0" BackgroundColor="Blue"&gt;
  
    &lt;AbsoluteLayout&gt;        
      &lt;StackLayout  AbsoluteLayout.LayoutBounds="0, 0, 0.77, 1" AbsoluteLayout.LayoutFlags="All" Padding="0, 5, 0, 0" BackgroundColor="Red"  Grid.Column="0" Spacing="0" VerticalOptions="Start"&gt;        
        &lt;StackLayout Orientation="Horizontal" BackgroundColor="Green"&gt;
          &lt;Label Text="Titel"/&gt;
          &lt;Label Text="®" /&gt;
        &lt;/StackLayout&gt;
        &lt;Label Text="Subtitel" /&gt;
      &lt;/StackLayout&gt;
       &lt;Image Source="filler.png" BackgroundColor="Aqua" AbsoluteLayout.LayoutBounds="1, 0, 0.33, 1" AbsoluteLayout.LayoutFlags="PositionProportional, SizeProportional" VerticalOptions="Start"/&gt;      
    &lt;/AbsoluteLayout&gt;       
  
    &lt;AbsoluteLayout&gt;        
      &lt;StackLayout  AbsoluteLayout.LayoutBounds="0, 0, 0.77, 1" AbsoluteLayout.LayoutFlags="All" Padding="0, 5, 0, 0" BackgroundColor="Blue"  Grid.Column="0"     Spacing="0" VerticalOptions="Start"&gt;        
       &lt;StackLayout Orientation="Horizontal" BackgroundColor="Green"&gt;
          &lt;Label Text="Titel"/&gt;
          &lt;Label Text="®" /&gt;
        &lt;/StackLayout&gt;
        &lt;Label Text="Subtitel" /&gt;
      &lt;/StackLayout&gt;
      &lt;StackLayout VerticalOptions="Start"  AbsoluteLayout.LayoutBounds="1, 0, 0.33, 1" AbsoluteLayout.LayoutFlags="PositionProportional, SizeProportional" BackgroundColor="Lime"&gt;
        &lt;Image Source="filler.png" BackgroundColor="Silver" VerticalOptions="Start"/&gt;
      &lt;/StackLayout&gt;
    &lt;/AbsoluteLayout&gt;  
  
    &lt;AbsoluteLayout&gt;        
      &lt;StackLayout  AbsoluteLayout.LayoutBounds="0, 0, 0.77, 1" AbsoluteLayout.LayoutFlags="All" Padding="0, 5, 0, 0" BackgroundColor="Blue"  Grid.Column="0"     Spacing="0" VerticalOptions="Start"&gt;        
        &lt;StackLayout Orientation="Horizontal" BackgroundColor="Green"&gt;
          &lt;Label Text="Titel"/&gt;
          &lt;Label Text="®" /&gt;
        &lt;/StackLayout&gt;
        &lt;Label Text="Subtitel" /&gt;
      &lt;/StackLayout&gt;
      &lt;StackLayout VerticalOptions="Start"  AbsoluteLayout.LayoutBounds="1, 0, 0.33, 1" AbsoluteLayout.LayoutFlags="PositionProportional, SizeProportional" BackgroundColor="Olive"&gt;         
      &lt;/StackLayout&gt;
    &lt;/AbsoluteLayout&gt; 
  
  &lt;/StackLayout&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/XrhSD.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XrhSD.jpg" alt="enter image description here"></a></p>
  
  <p>Where is the extra space coming from ? Should i use a different kind of layout (Grid layout had the same outcome) ? </p>