Css Snippets » scroll http://www.csssnippets.be Snippets for you, snippets for me Mon, 17 Oct 2011 08:42:00 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Toon scrollbar in Firefox altijd http://www.csssnippets.be/2009/09/toon-scrollbar-in-firefox-altijd/ http://www.csssnippets.be/2009/09/toon-scrollbar-in-firefox-altijd/#comments Thu, 10 Sep 2009 09:05:18 +0000 Mark http://www.csssnippets.be/?p=330 In Firefox wordt de scrollbar niet getoond als de content niet lang genoeg is, dit kan tot een “jump” van je content zorgen moest de inhoud plots langer word door bijvoorbeeld een div die open klapt door javascript. Dit kan je vermijden door de scrollbar altijd te tonen:

CSS

html{
overflow:-moz-scrollbars-vertical;
}
Google Bookmarks Digg BlinkList Technorati del.icio.us StumbleUpon

]]> http://www.csssnippets.be/2009/09/toon-scrollbar-in-firefox-altijd/feed/ 1 Scrollable div http://www.csssnippets.be/2009/04/scrollable-div/ http://www.csssnippets.be/2009/04/scrollable-div/#comments Fri, 17 Apr 2009 20:23:25 +0000 Mark http://www.csssnippets.be/?p=177 Soms heb je weinig plaats en moet je toch veel inhoud laten zien, dan komt de eigenschap overflow die je met CSS kunt bepalen goed van pas op alle block-elementen.

HTML

<div class="terms">
  <h3>titel</h3>
  <h4>subtitel</h4>
  <p>You do hereby
  <strong>acknowledge</strong>
  that</p>
<ul>
  <li>een</li>
  <li>twee</li>
  <li>drie</li>
  <li>vier</li>
  <li>vijf</li>
  <li>zes</li>
  <li>zeven</li>
  <li>acht</li>
</ul>
</div>

CSS

div.terms {
   width:600px;
   height:200px;
   border:1px solid #ccc;
   background:#f2f2f2;
   padding:6px;
   overflow:auto;
}
div.terms p,
div.terms li {font:normal 11px/15px arial;color:#333;}
div.terms h3 {font:bold 14px/19px arial;color:#000;}
div.terms h4 {font:bold 12px/17px arial;color:#000;}
div.terms strong {color:#000;}
Google Bookmarks Digg BlinkList Technorati del.icio.us StumbleUpon

]]> http://www.csssnippets.be/2009/04/scrollable-div/feed/ 0