Welcome, guest! Login / Register - Why register?

Paste

Pasted as HTML by registered user derwendtde ( 8 years ago )
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8" />
    <title>GF.net Beispiel</title>
    <style type="text/css">
      * {
        margin:0;
        padding:0;
      }
      body {
        overflow:hidden;
        position:relative;
      }
      .container {
        position:fixed;
        height: 50%;
        top:25%;
        width:100%;
        border:2px solid orange;
        overflow-y:scroll;
      }
      .inhalt {
        width: 920px;
        margin:0 auto;
        background-color: #FAE3C9;
      }
    </style>
</head>
<body>
  <div class="container">
  <div class="inhalt">
    <h1>GF.net Beispiel</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed augue nibh, eu hendrerit urna. Nunc odio massa, vulputate ac vulputate in, volutpat at sapien. Duis risus dolor, sodales ultrices vestibulum at, gravida sed lacus. Etiam at egestas turpis. Nulla vel orci eget massa elementum bibendum. Etiam imperdiet facilisis ornare. Morbi condimentum tellus ut dui pharetra accumsan. Sed mi ligula, malesuada sit amet pretium ac, volutpat et sapien. Nullam libero dui, dignissim in congue id, sagittis vitae risus. Etiam commodo sollicitudin vestibulum. Nulla porta imperdiet eros, at faucibus justo eleifend in. Aliquam pharetra consectetur risus, pharetra pharetra tellus dictum nec.</p> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed augue nibh, eu hendrerit urna. Nunc odio massa, vulputate ac vulputate in, volutpat at sapien. Duis risus dolor, sodales ultrices vestibulum at, gravida sed lacus. Etiam at egestas turpis. Nulla vel orci eget massa elementum bibendum. Etiam imperdiet facilisis ornare. Morbi condimentum tellus ut dui pharetra accumsan. Sed mi ligula, malesuada sit amet pretium ac, volutpat et sapien. Nullam libero dui, dignissim in congue id, sagittis vitae risus. Etiam commodo sollicitudin vestibulum. Nulla porta imperdiet eros, at faucibus justo eleifend in. Aliquam pharetra consectetur risus, pharetra pharetra tellus dictum nec.</p> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed augue nibh, eu hendrerit urna. Nunc odio massa, vulputate ac vulputate in, volutpat at sapien. Duis risus dolor, sodales ultrices vestibulum at, gravida sed lacus. Etiam at egestas turpis. Nulla vel orci eget massa elementum bibendum. Etiam imperdiet facilisis ornare. Morbi condimentum tellus ut dui pharetra accumsan. Sed mi ligula, malesuada sit amet pretium ac, volutpat et sapien. Nullam libero dui, dignissim in congue id, sagittis vitae risus. Etiam commodo sollicitudin vestibulum. Nulla porta imperdiet eros, at faucibus justo eleifend in. Aliquam pharetra consectetur risus, pharetra pharetra tellus dictum nec.</p> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed augue nibh, eu hendrerit urna. Nunc odio massa, vulputate ac vulputate in, volutpat at sapien. Duis risus dolor, sodales ultrices vestibulum at, gravida sed lacus. Etiam at egestas turpis. Nulla vel orci eget massa elementum bibendum. Etiam imperdiet facilisis ornare. Morbi condimentum tellus ut dui pharetra accumsan. Sed mi ligula, malesuada sit amet pretium ac, volutpat et sapien. Nullam libero dui, dignissim in congue id, sagittis vitae risus. Etiam commodo sollicitudin vestibulum. Nulla porta imperdiet eros, at faucibus justo eleifend in. Aliquam pharetra consectetur risus, pharetra pharetra tellus dictum nec.</p> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed augue nibh, eu hendrerit urna. Nunc odio massa, vulputate ac vulputate in, volutpat at sapien. Duis risus dolor, sodales ultrices vestibulum at, gravida sed lacus. Etiam at egestas turpis. Nulla vel orci eget massa elementum bibendum. Etiam imperdiet facilisis ornare. Morbi condimentum tellus ut dui pharetra accumsan. Sed mi ligula, malesuada sit amet pretium ac, volutpat et sapien. Nullam libero dui, dignissim in congue id, sagittis vitae risus. Etiam commodo sollicitudin vestibulum. Nulla porta imperdiet eros, at faucibus justo eleifend in. Aliquam pharetra consectetur risus, pharetra pharetra tellus dictum nec.</p> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed augue nibh, eu hendrerit urna. Nunc odio massa, vulputate ac vulputate in, volutpat at sapien. Duis risus dolor, sodales ultrices vestibulum at, gravida sed lacus. Etiam at egestas turpis. Nulla vel orci eget massa elementum bibendum. Etiam imperdiet facilisis ornare. Morbi condimentum tellus ut dui pharetra accumsan. Sed mi ligula, malesuada sit amet pretium ac, volutpat et sapien. Nullam libero dui, dignissim in congue id, sagittis vitae risus. Etiam commodo sollicitudin vestibulum. Nulla porta imperdiet eros, at faucibus justo eleifend in. Aliquam pharetra consectetur risus, pharetra pharetra tellus dictum nec.</p> 
  </div>
  </div>
</body>
</html>

 

Revise this Paste

Your Name: Code Language: