title: Apply css style to all the page height 100% with offCanvas Foundation 5
body: <p>I try to apply some style css to my page, i work with <strong>Foundation 5</strong>
  I want to apply a background color to all the page. As you can see on the <a href="http://jsfiddle.net/Sbt75/314/" rel="nofollow">jsfiddle</a>, there is a white space between the top and the bottom.</p>
  
  <p>Anyone know how to cover all the height screen with the background ?</p>
  
  <p>Solution with <code>body { height:100%; background-color: rgba(0,0,0,0.5); }</code> is forbidden because I don't want all my page have this background.</p>
  
  <pre><code>&lt;div class="off-canvas-wrap" data-offcanvas&gt;
      &lt;div class="inner-wrap"&gt;
  
          &lt;a class="left-off-canvas-toggle" href="#" &gt;Menu&lt;/a&gt;
  
          &lt;!-- Off Canvas Menu --&gt;
          &lt;aside class="left-off-canvas-menu"&gt;
              &lt;!-- whatever you want goes here --&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Item 1&lt;/a&gt;&lt;/li&gt;
                  ...
              &lt;/ul&gt;
          &lt;/aside&gt;
  
          &lt;div id="layer_picture"&gt;
              &lt;div class="row test"&gt;
                  &lt;div class="medium-6 medium-centered columns"&gt;
                      &lt;div&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, porro, necessitatibus consequuntur reiciendis dolore doloribus id repellendus tempora vitae quia voluptas ipsum architecto optio excepturi qui quisquam eligendi hic aliquam!&lt;/div&gt;
                            &lt;div&gt;Dignissimos, adipisci, vero, harum deserunt necessitatibus fugiat quaerat omnis accusantium sit magnam unde asperiores impedit quia dolor magni aut sed dolores voluptas accusamus fuga delectus voluptates velit quod non libero!&lt;/div&gt;
                            &lt;div&gt;Nostrum, quas, nulla, veritatis, facere incidunt totam vitae eos voluptas odio natus dolores earum consectetur eaque rerum ab at maxime atque dolore beatae velit. Ullam reiciendis ducimus placeat doloribus rem!&lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;a class="exit-off-canvas"&gt;&lt;/a&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Sbt75/314/" rel="nofollow">http://jsfiddle.net/Sbt75/314/</a></p>