title: Full height sidebar with a sticky footer, with fixed width content
body: <p>I was looking for a sticky footer with a full height sidebar solution and partially found it here: </p>
  
  <p><a href="https://stackoverflow.com/questions/6837603/yet-another-html-css-layout-challenge-full-height-sidebar-with-sticky-footer">yet another HTML/CSS layout challenge - full height sidebar with sticky footer</a></p>
  
  <p>The post marked as the correct answer explains a neat solution, but I was wondering whether it's possible to turn that fluid content div in a fixed one, same with the footer. (By fixed i mean fixed width).</p>
  
  <p>The content div and footer should cover the entire visible width of the screen, and when resized, they should not resize with the window. They should stay the same and have a scrollbar appear instead.</p>
  
  <p>Also, another particular thing I'm after is to have the sidebar with some additional left-margin. Here's the fiddle:</p>
  
  <p><a href="http://jsfiddle.net/2NbMg/" rel="nofollow noreferrer">http://jsfiddle.net/2NbMg/</a></p>
  
  <pre><code>&lt;div id="wrapper"&gt;
              &lt;div id="content"&gt;
                  &lt;div id="sidebar"&gt;Sidebar&lt;br/&gt;Sidebar&lt;br/&gt;Sidebar&lt;br/&gt;&lt;/div&gt;
                  &lt;div id="main"&gt;
              Content
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="push"&gt;&lt;/div&gt;
          &lt;/div&gt;
  &lt;div id="footer"&gt;&lt;div id="footer-content"&gt;Footer&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>(the CSS can be found on fiddle in order to keep this post uncluttered).</p>
  
  <p>Oh, and if there is a way to make the content span from the right of the sidebar, not from the the window, it would be awesome!</p>
  
  <p>I've been searching and trying to achieve this for two days with no success. I'd really appreciate if someone could help..</p>
  
  <p><strong>Later edit</strong> @toninoj:</p>
  
  <p>Thanks again for the input and I apologize for not being so explicit. Basically, I want the footer to take full width especially on widescreens and laptops. The reason why I would like to stay away from 100% width is that I want my footer to still be large when the window is resized (made smaller), not adjust itself on resize or according to the window's size. The footer will have some serious amount of data contained within it, and it would look bad on resize.</p>
  
  <p>I could throw in a high amount of pixels in order to keep its width fixed, but wouldn't that create problems on laptops, for example? (scrollbar appearing although not necessary)</p>