Example of emulating frames with CSS

This example shows how to make the left part of your page fixed while still scrolling the right part.

Read the article

This text is just here to make the page scroll. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum quis diam. Morbi id velit. Phasellus a ligula suscipit lacus eleifend nonummy. Nunc luctus ligula id nisl. Etiam iaculis risus nec lectus. In faucibus. In scelerisque. Fusce bibendum justo sit amet justo. Etiam gravida odio ut dui. Duis purus. Donec condimentum eros a velit. Duis vel tellus congue lectus tincidunt suscipit. Donec leo enim, vehicula sit amet, commodo et, molestie in, elit. Nunc vulputate. Integer nec est quis risus vestibulum interdum. Suspendisse ligula. Nam diam magna, condimentum in, mattis porttitor, tempus eget, elit. Nunc tincidunt leo non risus. Suspendisse eros tellus, laoreet quis, egestas tristique, lobortis at, diam. Nunc rutrum. Aliquam sagittis, urna quis pulvinar pulvinar, libero nunc vehicula quam, sed facilisis leo odio adipiscing pede. Integer malesuada. In ut eros. Donec orci. Duis id turpis. Ut vel lectus. Curabitur ornare iaculis metus. Curabitur mauris turpis, molestie id, convallis ut, luctus eget, urna. Pellentesque at purus. Aenean tristique tempor neque. Duis felis magna, rutrum ut, pulvinar in, interdum eget, dolor. Nulla mi. In hac habitasse platea dictumst. Vestibulum eget neque quis enim adipiscing vehicula. Curabitur varius, risus ultrices pharetra congue, pede pede lobortis mi, eu sagittis dolor est a ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean lorem. Curabitur pede. Cras sapien tellus, vulputate ac, mollis sit amet, semper ultrices, urna. In pulvinar. Quisque pretium purus non lectus. Curabitur sit amet ante. Aliquam eu metus eu dui venenatis tincidunt. Vestibulum bibendum diam eu est dictum tristique. Phasellus non purus. Aliquam cursus molestie turpis. Nulla elementum. Curabitur eu lorem vel quam lobortis pretium. Sed hendrerit rutrum massa. Nunc ac nunc et pede tincidunt pulvinar. Aenean viverra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris leo felis, fermentum vel, tincidunt eu, imperdiet a, mi. Integer sem mi, tincidunt sed, cursus vitae, gravida nec, purus. Donec mattis. Phasellus sit amet arcu ac odio porta vestibulum. Quisque risus dui, ullamcorper non, feugiat sed, hendrerit et, nulla. Integer velit augue, consequat in, aliquet nec, iaculis nec, sem. Nullam pede urna, hendrerit in, tristique et, rutrum in, neque. Donec tortor. Ut sit amet dolor non ligula dictum volutpat. Nullam pharetra augue vitae tellus. Fusce in enim et odio scelerisque blandit. Morbi est. Pellentesque elit. Aenean interdum consectetuer enim. Suspendisse potenti. Aliquam ac nisi et risus fermentum vulputate. In tellus dui, consectetuer vulputate, iaculis quis, dignissim eu, est.