Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If you are asking how to keep your footer at the bottom, there are a few tricks out there. Looking at your 404 page, I'm guessing that is what you're talking about.</p> <p>Take a look at these examples:</p> <p><a href="http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page" rel="nofollow">http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page</a></p> <p><a href="http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/" rel="nofollow">http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/</a></p> <p>Sorry, I can only currently post two links.</p> <p>Another suggestion: May not work with all browsers:</p> <p>You'd need to Update your HTML files so that the Closing div for Container is actually BEFORE the Footer DIV (and make the CSS changes below)... eg;</p> <pre><code>&lt;div id="container"&gt; &lt;div id="header"&gt; .... .... &lt;/div&gt; &lt;div id="content"&gt; .... .... &lt;/div&gt; **&lt;/div&gt;** &lt;-- This one was previously below the closing DIV for the footer. &lt;div id="footer"&gt; .... .... &lt;/div&gt; </code></pre> <p>And then you would update your global.css:</p> <pre><code>html, body { height: 100%; } #content { background: #fff; width: auto !important; padding: 20px 10px; overflow: auto; /*change this */ border-bottom: 1px solid #000; padding-bottom: 20px; /* add this */ } /* Add this footer section */ #footer { position: relative; margin-top: -20px; height: 20px; clear:both; } </code></pre>
    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.
 

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