DIVs vs. Tables
Down for Maintenance
Custom Error Pages
Escaping query strings
Google App testing
Avoid AS Statics
DIV Layouts instead of Tables
Web page layouts are best done where possible using DIV blocks defined by style sheets. Once understood, DIV formatting is easier to use than tables. One reason is because they do not require colspan and rowspan tracking which can be burdensome with frequent editing.
Tables were originally intended for showing tabular data. For example, a list of distances between cities. Browsers intended for use by the blind or other accessibility enhanced browsers can make sense from these tables. However, when tables are used for formatting, it can confuse both, the accessibility enhanced browser and the user.
Learning to user DIV tags for layouts can be difficult to do. "How to" instructions are sorely missing from the spec.
DIV layout methods
Here are 3 different methods for laying out a web page using <div> instead of tables. The most clever amongst you will enjoy combining the techniques.
Standard block layouts
Using float alignments
Did you find this article userful for your website?
If so, why not provide a link to it? Just copy the following to your web page: