Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You can use the CSS <code>z-index</code> property to make sure your footer is in front of the content. Z-index only works when the element is positioned though. So make sure you add <code>position:relative</code> to your footer</p> <pre><code>#footer{ position:relative; z-index:999; } </code></pre> <p>Read more: <a href="http://www.w3schools.com/cssref/pr_pos_z-index.asp" rel="nofollow">http://www.w3schools.com/cssref/pr_pos_z-index.asp</a></p> <p><strong>EDIT</strong></p> <p>Just checked out the code of your website, and I don't understand why your <code>graybox</code> is positioned absolutely, this will only make things more complex. The same goes for your menu, why position it absolute, why not just add it in the right order in the HTML in the first place?</p> <p><strong>EDIT</strong></p> <p>If you want to center your content but with a background that has a 100% width then you can simply add a container div like so:</p> <p><strong>HTML</strong></p> <pre><code>&lt;div class="container"&gt; &lt;div&gt;lorem ipsum....&lt;/div&gt; &lt;/div&gt; </code></pre> <p><strong>CSS</strong></p> <pre><code>.container{ background:red; } .container div{ width:400px; margin:0 auto; background:yellow; } </code></pre> <p>See JSFiddle here: <a href="http://jsfiddle.net/HxBnF/" rel="nofollow">http://jsfiddle.net/HxBnF/</a></p> <p>Currently you cannot do this because you have a container which you set at <code>980px</code>, don't ever do that unless you are sure you don't want anything to wrap over it, like in this case the background of a div in that container.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload