Uno de los problemas más comunes a la hora de construir Sitios Web o Plantillas con XHTML y CSS dando el salto de Tablas a Divisiones es la forma de construirlo para que estas tomen sus posiciones de acuerdo a las definiciones del diseño las Encabezados (Headers), Columnas(Columns) y Pies(Footers).
Vamos a construir un diseño compuesto de Encabezado, Columna Izquierda, Columna Central, Columna Derecha y Pie.

Iniciemos con el código HTML



Hasta el momento hemos creado 6 divisiones, "mainDiv" que es la división contenedora de las divisiones internas que son "header" que es en donde vamos a poner el encabezado del sitio, "leftColumn" columna izquierda del sitio que deberá flotar a la izquierda, "rightColumn" columna derecha del sitio que deberá flotar a la derecha, "centerColum" columna central que deberá estar en medio de las columnas de la izquierda y derecha limitado por sus dimensiones y "footer" que es el pie del sitio.

Ahora miremos el CSS



El CSS es simple la división contenedora tiene el ancho de sitio y un margen automático para que centre la división respecto del espacio disponible y el ancho de la misma. La columna izquierda flota al la izquierda con un ancho definido igual que la columna de la derecha y la columna central depende del ancho de la columna de la izquierda. Es un esquema simple de CSS pero muy útil a la hora de diseñar un Sitio.