<div class="icerik">
<div class="ustKisim">Sabit alan</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nec erat. Fusce magna massa, nonummy eget, aliquam tempus, imperdiet vel, odio. Sed mauris. Quisque sodales urna vitae lorem. Vestibulum aliquet, odio aliquam convallis lobortis, turpis metus semper ligula, ut vulputate sem justo eu quam. Sed feugiat, lectus sit amet porttitor auctor, nulla odio volutpat nisl, sit amet egestas augue diam at urna. Sed justo arcu, luctus eget, porta in, auctor sit amet, massa. Integer interdum. Nunc condimentum scelerisque enim. Pellentesque orci. Maecenas at neque. Sed non diam ac turpis pretium dictum. Phasellus ligula felis, aliquet nec, tristique non, posuere a, magna. Duis eu quam quis tortor vehicula sodales. Donec et mi eget augue bibendum interdum. Proin dapibus odio.</p>
<p>Vivamus fermentum, massa et sagittis molestie, lacus justo euismod tortor, in viverra augue pede vitae ante. Fusce consequat. Integer sagittis vestibulum nisl. Nam neque odio, iaculis sit amet, posuere ac, adipiscing id, velit. Curabitur ultricies lorem. Curabitur auctor, justo eu porta nonummy, diam lectus luctus metus, at aliquet nunc tortor nec nisi. Aenean sapien leo, condimentum vel, ultricies quis, viverra sed, nunc. Vivamus ullamcorper sagittis odio. Aliquam fermentum, ipsum ac viverra sodales, urna justo dapibus purus, eget venenatis magna mauris quis elit. Sed bibendum egestas ipsum. Fusce ultricies varius nunc. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at nulla. Nullam diam neque, semper ut, convallis ut, dapibus nec, risus. Morbi est orci, aliquam non, faucibus eget, luctus porta, ligula. Aliquam sed eros eget metus iaculis elementum. Sed vehicula.</p>
<p>Duis et nunc adipiscing nulla rutrum rutrum. Cras tempus metus vitae orci. Etiam vel ipsum. Proin orci mi, auctor et, mollis et, gravida vel, magna. Sed est nibh, scelerisque et, malesuada sed, semper eu, lorem. Aliquam venenatis diam in eros. Aenean vel neque. In commodo, erat eget adipiscing condimentum, metus neque tincidunt turpis, in aliquet orci augue at turpis. Phasellus aliquam, massa quis convallis eleifend, nibh velit pellentesque ipsum, vel sagittis quam velit at dui. Duis eros lacus, viverra vitae, fringilla a, feugiat sit amet, dolor. Aenean justo lorem, sagittis at, aliquet et, rhoncus quis, ante. Nulla pretium. Sed hendrerit pretium ligula. Nunc porta quam ac ante. Sed orci. Praesent iaculis, metus quis commodo dapibus, leo dui eleifend ipsum, id tristique mi felis et pede.</p>
<p>Aenean eros eros, rutrum quis, varius ac, laoreet ut, ipsum. Donec sed lorem. Fusce quis lacus. Aliquam hendrerit tincidunt dolor. Fusce in magna eget eros vehicula ultrices. Cras consectetuer condimentum libero. Nulla lacus. Pellentesque pulvinar. Mauris ut purus et elit aliquam varius. Nulla facilisi. Etiam urna tellus, semper nec, consectetuer vitae, tincidunt eget, lectus.</p>
<p>Sed hendrerit magna. Nam mi velit, eleifend in, tincidunt at, scelerisque sed, lectus. Phasellus nunc mauris, posuere a, posuere quis, laoreet et, erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla in est et nisl feugiat aliquet. Nulla vehicula mauris. Mauris consectetuer odio id pede. Curabitur vitae est ac justo pretium pretium. Donec non ligula. Nullam tincidunt sagittis libero. Phasellus lectus est, fermentum in, rhoncus eu, consequat nec, enim. Nam dictum orci ut purus. Praesent et sem at ligula feugiat ullamcorper. Vivamus quam. Suspendisse lacinia. Phasellus massa eros, cursus a, ultricies non, condimentum non, dui.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nec erat. Fusce magna massa, nonummy eget, aliquam tempus, imperdiet vel, odio. Sed mauris. Quisque sodales urna vitae lorem. Vestibulum aliquet, odio aliquam convallis lobortis, turpis metus semper ligula, ut vulputate sem justo eu quam. Sed feugiat, lectus sit amet porttitor auctor, nulla odio volutpat nisl, sit amet egestas augue diam at urna. Sed justo arcu, luctus eget, porta in, auctor sit amet, massa. Integer interdum. Nunc condimentum scelerisque enim. Pellentesque orci. Maecenas at neque. Sed non diam ac turpis pretium dictum. Phasellus ligula felis, aliquet nec, tristique non, posuere a, magna. Duis eu quam quis tortor vehicula sodales. Donec et mi eget augue bibendum interdum. Proin dapibus odio.</p>
<p>Vivamus fermentum, massa et sagittis molestie, lacus justo euismod tortor, in viverra augue pede vitae ante. Fusce consequat. Integer sagittis vestibulum nisl. Nam neque odio, iaculis sit amet, posuere ac, adipiscing id, velit. Curabitur ultricies lorem. Curabitur auctor, justo eu porta nonummy, diam lectus luctus metus, at aliquet nunc tortor nec nisi. Aenean sapien leo, condimentum vel, ultricies quis, viverra sed, nunc. Vivamus ullamcorper sagittis odio. Aliquam fermentum, ipsum ac viverra sodales, urna justo dapibus purus, eget venenatis magna mauris quis elit. Sed bibendum egestas ipsum. Fusce ultricies varius nunc. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at nulla. Nullam diam neque, semper ut, convallis ut, dapibus nec, risus. Morbi est orci, aliquam non, faucibus eget, luctus porta, ligula. Aliquam sed eros eget metus iaculis elementum. Sed vehicula.</p>
<p>Duis et nunc adipiscing nulla rutrum rutrum. Cras tempus metus vitae orci. Etiam vel ipsum. Proin orci mi, auctor et, mollis et, gravida vel, magna. Sed est nibh, scelerisque et, malesuada sed, semper eu, lorem. Aliquam venenatis diam in eros. Aenean vel neque. In commodo, erat eget adipiscing condimentum, metus neque tincidunt turpis, in aliquet orci augue at turpis. Phasellus aliquam, massa quis convallis eleifend, nibh velit pellentesque ipsum, vel sagittis quam velit at dui. Duis eros lacus, viverra vitae, fringilla a, feugiat sit amet, dolor. Aenean justo lorem, sagittis at, aliquet et, rhoncus quis, ante. Nulla pretium. Sed hendrerit pretium ligula. Nunc porta quam ac ante. Sed orci. Praesent iaculis, metus quis commodo dapibus, leo dui eleifend ipsum, id tristique mi felis et pede.</p>
<p>Aenean eros eros, rutrum quis, varius ac, laoreet ut, ipsum. Donec sed lorem. Fusce quis lacus. Aliquam hendrerit tincidunt dolor. Fusce in magna eget eros vehicula ultrices. Cras consectetuer condimentum libero. Nulla lacus. Pellentesque pulvinar. Mauris ut purus et elit aliquam varius. Nulla facilisi. Etiam urna tellus, semper nec, consectetuer vitae, tincidunt eget, lectus.</p>
<p>Sed hendrerit magna. Nam mi velit, eleifend in, tincidunt at, scelerisque sed, lectus. Phasellus nunc mauris, posuere a, posuere quis, laoreet et, erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla in est et nisl feugiat aliquet. Nulla vehicula mauris. Mauris consectetuer odio id pede. Curabitur vitae est ac justo pretium pretium. Donec non ligula. Nullam tincidunt sagittis libero. Phasellus lectus est, fermentum in, rhoncus eu, consequat nec, enim. Nam dictum orci ut purus. Praesent et sem at ligula feugiat ullamcorper. Vivamus quam. Suspendisse lacinia. Phasellus massa eros, cursus a, ultricies non, condimentum non, dui.</p>
</div>
.ustKisim{
  position: fixed;
  background: #e8e8e8;
  color: #333;
  border: 1px solid #222424;
  height: 50px;
  width: 120px;
  padding: 5px;
  top: 50px;
  margin-left: -170px;
}

.icerik{
  margin: 50px auto 0 auto;
  width: 400px;
}

body {
  background: #e0f5f3;
  font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.