title: CSS layout - How to lay every box especially when sidebar is not staying in the container?
body: <p>See the html and css : bare for now. <strong>UPDATE</strong> Add more css in fiddle</p>
  
  <p><a href="http://jsfiddle.net/jbgBs/" rel="nofollow noreferrer">http://jsfiddle.net/jbgBs/</a></p>
  
  <p><img src="https://i.stack.imgur.com/bmkvM.png" alt="enter image description here"></p>
  
  <p>I looked around for Google and I attempted to lay everything in position but I failed.</p>
  
  <p>How to lay the boxes according to the image? I tried to use container where the banner and footer could run freely across the page width or screen. But I am stuck with container limiting the sidebar's layout. It would float right but it would be staying at the right of the container, not up to the banner position. Also how to make content stay in their width and height according to the length of content? Sidebar should stay on right up to where the banner is. The content-footer would be within the width of the content and sidebar (in other word as in the container width). </p>
  
  <p>The container for header, banner text, content, content-footer and footer would limit the positioning of the sidebar. </p>
  
  <p>Any insight or help would be very much appreciated. 
  Thank you</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Next question - as far as you see my code on fiddle, I somewhat make it layout work - personally it fails. As it is urgent, I need to make sidebar stay even if the browser is resized - how? </p>
  
  <p><img src="https://i.stack.imgur.com/PN8Hg.jpg" alt="enter image description here">
      aside{position:absolute; top:xxx; right: xxx; z-index:10;}</p>
  
  <p>However it is going through content when browser is resized. </p>
  
  <p>Any idea how to make it stay on its position?</p>
  
  <p><strong>#2 EDIT</strong>
  <img src="https://i.stack.imgur.com/RpJXH.png" alt="enter image description here"></p>
  
  <p>The footer won't stay on the bottom of the screen in IE7 - I tried Sticky footer CSS i found on google, but only IE 7 it is moved a bit more far from the screen</p>