.
.
This may perpaps contain some site navigation.
This page demonstrates how to lay out a three row and three column page using CSS. Less complex page layouts can hopefully be simply adapted from this.
Tables can cause problems for screen readers and other assistive technology. This demonstrator uses CSS to lay out the page without using tables. Div elements are used with relative positioning. The general idea is that the page should still be usable if the browser does not support CSS. Try following this link to a copy of the page with no CSS and no images.
To circumvent the IE box model bug nested div elements are used to create the effect of paddings and margins without using any padding or margin style rules. The multicoloured shading has been left in this demonstrator to make this clear. Obviously this would be removed in a practical site.
Unfortunately this is a largely futile exercise as this level of CSS is beyond all but the latest Mozilla browsers, even then there are glitches in the rendering. A more serious problem is that the vertical sizing is simply not sufficiently elastic to allow the page structure to adapt to dynamic content. Sadly the only practical way out of this mess is to settle for a less complex page strcture or use JavaScript.
Proportional sizing is used to try and get the page to maintain a sensible layout when zooming in the browser. This is only partially successful owing to the different approaches used for zooming in the main graphical browsers (Mozilla, IE, Opera, Safari, Conqueror, Amaya).
This may contain some other navigation or perhaps some advertising. This flush right column causes problems for many browsers and is probably the first page item to consider discarding.