I tried changing the overflow that with Dave's site and Firebug and it didn't do much, once I started playing with heights and such, I could get it to scroll. But my point was that something as simple as this:
<!-- --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <title></title> <style type="text/css"> body { color:#000; padding:0; margin:0; width:100%; height:100%; } .FlexPanel { width:100%; height:100%; position:absolute; left:0; top:0; overflow:auto; -moz-box-sizing:border-box; box-sizing:border-box; } .Main { border-left:185px solid #FFF; } .Menu { width:180px; background-color:purple; } .Header { height:100px; background-color:green; } .Content { border-top:100px solid #FFF; border-bottom:100px solid #FFF; } .Footer { top:auto; bottom:0; height:100px; background-color:blue; } </style> </head> <body> <div class="FlexPanel Content"> <div class="FlexPanel Main"> <h2>Main</h2><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><p>make it scroll</p> </div> <div class="FlexPanel Menu"> <h2>Menu (180px x 100%)</h2> </div> </div> <div class="FlexPanel Header"> <h2>Header (100% x 100px)</h2> </div> <div class="FlexPanel Footer"> <h2>Footer (100% x 100px)</h2> </div> </body> </html> As a plus, your content is loaded first so it's the first things a search engine will index. Big plus from what I hear. On 10/24/07, Larry Lyons <[EMAIL PROTECTED]> wrote: > >that site's not quite what I asked about. The whole screen scrolls > >when the content is larger than the viewport. What I was asking about > >is a content section that scrolls while the rest of the page stays > >fixed. Just like if you used position:fixed on the all elements other > >than the content div. > > > > > > From what I understand to make the content area scroll, all you have to do is > add a overflow:auto to the relevant divs styles. So once you have an > acceptible layout (2 or 3 column) just adding the overflow attribute does the > rest. > > regards, > larry > > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| ColdFusion 8 - Build next generation apps today, with easy PDF and Ajax features - download now http://download.macromedia.com/pub/labs/coldfusion/cf8_beta_whatsnew_052907.pdf Archive: http://www.houseoffusion.com/groups/CF-Community/message.cfm/messageid:244994 Subscription: http://www.houseoffusion.com/groups/CF-Community/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.5
