How to Create an effect such as the one on flixster.rottentomatoes.com

how can one create the effect of having 2 different "scrollable" places of the site, on the example I gave, one is the list of movies and the other is the description, reviews, etc on the ri开发者_StackOverflow中文版ght of the list.

DIV tags are scrollable when you set the height of the DIV and then make it overflow: auto.

So:

<div style="width: 30%; height: 300px; overflow: auto; float: left;">
Menu stuff here.
</div>
<div style="width: 70%; height: 300px; overflow: auto; float: left;">
Content stuff here.
</div>

This would create something like the picture below (I added some extra menu items and content lines w/line breaks and color for effect).