En el trabajo de desarrollo en HTML + CSS, surgen varios problemas cuando se pretende que los sitios se desplieguen bien en diversos browsers y plataformas. Más aún cuando se trata de sitios grandes, portales, como los que me ha tocado construir o arreglar últimamente. Pero para paliar esto, nos aprovechamos de los mismos errores de los programadores en el rendereo del CSS en algunos browsers, como Internet Explorer (IE) por ejemplo, para solucionar precisamente esto. Por ejemplo, si una columna por X motivo de ve más ancha en IE que en Firefox y esto afecta a otros floats cercanos, esto se corrige en el CSS:

Como primer artículo, mostraré cómo construir un layout con 3 columnas tableless, o sea, sin tablas, sólo con CSS. Se construyen 3 ‘columnas’ con ‘div’ en HTML bruto: <div id="todo"> <h1>Layout con 3 Columnas</h1><br / <div id="izquierda">Izquierda</div><br / <div id="derecha">Derecha</div><br / <div id="contenido"> <p>Contenido</p> </div><br / </div>

Bienvenidos a CSS Lab, la intensión de este sitio es hablar un poco sobre la XHTML, web standarts, las ventajas de CSS y cómo migrar hacia un diseño y desarrollo web óptimo y accesible. Nuestra misión es crear sitios que puedan ser vistos por todos. Si llegaste aquí, es porque ya sabes lo que es CSS y tienes una noción a respecto. No enseñaré lo que hace cada comando y parámetro, sólo cómo usarlos.