Home > Sample Code > Side-By-Side Scrolling DIVs

Side-By-Side Scrolling DIVs

So, the issue is that you want side-by side divs with scrollable content on each side. Don’t use iFrames. Why? Because it breaks most validation: HTML 4.1, Strict DTD, and XHTML 1.0 Strict DTD. Instead, if you are pulling all your content from your own site, use includes or code everything on the same page and use divs.

You can fill content as much as you want, and your right div won’t move.

Now you can play with and set the margins & padding to taste, add borders, and make everything look cool.

View my full sample code here.

Share and Enjoy:
  • email
  • Print
  • PDF
  • Facebook
  • Twitter
  • del.icio.us
  • LinkedIn
  • Yahoo! Buzz
  • Digg
  • Google Bookmarks
  • Technorati
  • FriendFeed
  • Live
  • Slashdot
  • Yahoo! Bookmarks
  • RSS
Categories: Sample Code Tags: , , , ,
  1. No comments yet.
  1. No trackbacks yet.

Spam Protection by WP-SpamFree