The layout of mine is actually more subtle than the one you linked to as the left and right columns are scrolled by the viewport scrollbar. The layout in your link is simply some absolutely placed divs and each column will get its own vertical scrollbar (note that if you have fixed width content in the right column of that example then it will be unreachable as the horizontal scrollbar has been removed ).

You can make as many columns as you like just using top: xxpx and bottom: xxpx as long as you give each its own vertical scrollbar. I did loads of these examples about 10 years ago but they are full of hacks to make IE6 work.

If all you want is independent columns then simply place them absolutely using top and bottom and allow for room for the footer/header where needed (eg. top:100px bottom:100px). They however can end up looking ugly when all horizontal and vertical scrollbars click in.:)

mikeebee8
—
2013-07-24T11:38:18Z —
#5

I just needed independent columns with one having a sticky footer, I'm not sure why I found it so daunting. I've sorted it now and hopefully it'll be ok, ff not I'll be back on here to sap your brain some more