CSS Positioning
We have long been proponents of table layouts, but we realize that there is a downside to using tables. Tables add bulk to each page, and nested tables, which are sometimes a necessity, can increase loading time logarithmically in some browsers.
Our typical table layout consisted of a header, a left column (usually for a navbar), a main content area, sometimes a right column, and a footer. We are providing those same page layouts using CSS positioning instead of tables. These layouts are based on designs created by Mark Newhouse of Real World Style, and they would not have been possible without the work of experts such as Eric Meyer of meyerweb.com, Craig Saila of saila.com, and Al Sparber of Project VII.
Project Seven offers a free tutorial on CSS-Positioned layouts. It's called QuickDraw McFly, and it's available from:
http://www.projectseven.com/tutorials/css/qdmacfly/index.htm