Coder Forum

Cascading Style Sheets

/*Einstellungen*/
div#container { position: relative; left: 20px; width: 780px; }
div#head { position: relative; width: 229px; }
div#content { position: relative; width: 500px; }
 
/*Text*/
div#content div.text-content { margin-top: 25px; width: 500px; padding-bottom: 30px; }
div#content div.text-content * { text-align: justify; line-height: 20px; } 
div#content div.text-content a { opacity: 0.7; }
div#content div.text-content a:hover, div#content div.text-content a:focus, div#content div.text-content a:active { opacity: 1; }
 
/*Ajax Scrollbar*/
div#scroll-track { position: absolute; top: 103px; right: 100px; width: 21px; height: 500px; }
div#scroll-handle { position: absolute; top: 0; left: 0; width: 21px; height: 44px; background: #0d0f13; }
div#scroll-wrapper { position: relative; width: 100%; }
div#innercontent { position: relative; padding-top: 240px; width: 100%; }
div.draggable, div.draggable * { cursor: -moz-grab; }
div.draggable a { cursor: pointer; }
body.dragging, body.dragging * { cursor: -moz-grabbing !important; }

HTML Code

<div id="container"
  <div id="content" class="site_startseite">
    <div id="innercontent">
      <h2>Startseite</h2>
      <div class="text-content">
        <p>Ich bin ein Text...</p>
        <br />
        <p>Ich bin ein Text...</p>
        <br />
        <p>Ich bin ein Text...</p>
        <p>Ich bin ein Text...</p>
      </div>
    </div>
  </div>
</div>