Note that there are some explanatory texts on larger screens.

plurals
  1. POfirefox scroll bar hidden
    primarykey
    data
    text
    <p>How can I hide Firefox scroll bars when overflow:auto?</p> <blockquote> <p>::-webkit-scrollbar { display:none; }</p> </blockquote> <p>I use this code but this only works on Google Chrome.</p> <p>any help guys? Thank you!</p> <p><strong>Updated</strong></p> <p>when I used</p> <blockquote> <p>overflow:hidden;</p> </blockquote> <p>my page can't proceed to footer.</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;link rel="stylesheet" href="css/style.css" type="text/css" /&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="pageWrapper"&gt; &lt;header&gt;&lt;/header&gt;&lt;!--end of header--&gt; &lt;nav&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;| &lt;li&gt;&lt;a href="#"&gt;Services&lt;/a&gt;&lt;/li&gt;| &lt;li&gt;&lt;a href="#"&gt;Gallery&lt;/a&gt;&lt;/li&gt;| &lt;li&gt;&lt;a href="#"&gt;FAQ&lt;/a&gt;&lt;/li&gt;| &lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt;| &lt;/ul&gt; &lt;/nav&gt;&lt;!--end of nav--&gt; &lt;aside&gt; &lt;/aside&gt;&lt;!--end of aside--&gt; &lt;section&gt; &lt;/section&gt;&lt;!--end of section--&gt; &lt;footer&gt;All Right Reserved 2013.&lt;/footer&gt;&lt;!--end of footer--&gt; &lt;/div&gt;&lt;!--end of pageWrapper--&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>my css</p> <pre><code>/*----- Reset ----*/ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, img, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body{ line-height:1.5; font-family: helvetica, arial, sans-serif; } body,html{ height:100%; background-color:whitemsoke; } ol, ul{ list-style:none; } /* ---- END OF RESET --- */ #pageWrapper{ width:965px; height:100%; margin:auto; box-shadow:1px 1px 17px black; overflow:hidden; } ::-webkit-scrollbar { display:none; } header{ background-color: #D4E7ED; height:200px; } nav{ text-align:center; background-color:#003366; padding:10px; } nav ul li{ display:inline; padding:20px; } nav ul li a{ text-decoration:none; color:whitesmoke; } nav ul li a:hover{ text-decoration:underline; } aside{ width:200px; background-color:#666666; height:100%; overflow:hidden; float:left; margin:0 auto -20px 0; } section{ background-color:#CCCCCC; height:100%; margin:0 auto -20px 0; overflow:hidden; } footer{ background-color:#003366; height:20px; position:relative; } </code></pre>
    singulars
    1. This table or related slice is empty.
    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