title: View TSS in titanium
body: <p>Hi am new to titanium and cant get how to create a fluid design with its TSS. How to place three views, one as header(20%), two as content holder(60%) and three as footer(20%) with all width full(Ti.UI.FILL). My code is,</p>
  
  <p><strong>index.xml</strong></p>
  
  <pre><code>&lt;Alloy&gt;
     &lt;Window class="container"&gt;
         &lt;Require src="home" id="home"&gt;&lt;/Require&gt;
     &lt;/Window&gt;
  &lt;/Alloy&gt;
  </code></pre>
  
  <p><strong>home.xml</strong></p>
  
  <pre><code>&lt;Alloy&gt;
      &lt;View id="header"&gt;&lt;/View&gt;
      &lt;View id="content"&gt;&lt;/View&gt;
      &lt;View id="footer"&gt;&lt;/View&gt;
  &lt;/Alloy&gt;
  </code></pre>
  
  <p><strong>home.tss</strong></p>
  
  <pre><code>"#home": {
      layout: 'vertical',
      width: Ti.UI.FILL,
      height: Ti.UI.FILL,
      backgroundColor: '#000'
  },
  '#header':{
      layout: 'horizontal',
      height: '20%',
      width: Ti.UI.FILL,
      backgroundColor: '#fff'
  },
  '#content': {
      layout: 'vertical',
      height: '60%',
      width: Ti.UI.FILL,
      backgroundColor: '#ccc'
  },
  '#footer': {
      layout: 'horizontal',
      height: '20%',
      width: Ti.UI.FILL,
      backgroundColor: '#fff'
  }
  </code></pre>
  
  <p>What am trying is to place a back button(left), title(middle) and a refresh button(right) as horizontal layout in <strong>header view</strong> and app content in <strong>content view</strong> and in <strong>footer view</strong> with some choice with scrolling(ie, we can scroll using slide event by placing options on it). If I run this code views are eventually divided as like <a href="http://postimg.org/image/abfea4cjb/" rel="nofollow">this</a> and 60% not affected on the <strong>content view</strong>. I have asked in appcelerator forum and dint get replied yet. Hope this helps.</p>