Para los que usamos HTML a menudo y queremos hacer las cosas bien según marca la W3C, sabemos que no siempre las cosas son tan fáciles como pueden parecer, y algo tan simple como centrar una caja, recuadro o contenido en medio del navegador puede parecer fácil, sin embargo si se quiere hacer mediante un DIV no es tan sencillo como parece.

En muchas ocasiones he estado tentado de usar el viejo método de poner una tabla que ocupe 100% de alto y 100% de ancho y poner el contenido de la celda todo a “center” (align y valign), pero pese a que a veces cueste… hay que hacer las cosas bien y usar un DIV para poder centrarlo mediante un par de técnicas que he encontrado en un genial artículo de la web ProgramacionWeb.net, dónde se explica de forma muy fácil y sencilla como centrar contenido mediante un DIV y CSS.

A continuación os dejo una adaptación mía del artículo antes mencionado, dónde he extraído la parte puramente técnica para hacer lo que nos interesa, centrar un DIV.

» Lee el resto de esta entrada →

Hoy estaba haciendo un poco de I+D para una web que estoy desarrollando y he encontrado un par de enlaces muy interesantes, a la vez que explicativos y prácticos por si alguna vez tenéis que hacer una web en XHTML, CSS y usar 3 columnas para la presentación. Lo típico de menú a la izquierda, contenido en el centro y otra columna a la derecha para banners o más opciones.

Puesto que soy de la vieja escuela del HTML (de los que ponía todo en tablas cuando sólo existía Internet Explorer 3.0), la verdad es que me está costando lo suyo adaptarme a maquetar las webs todo con div’s y separar totalmente el contenido de la presentación (CSS), pero gracias a ejemplos y explicaciones como estos a uno le ponen las cosas más fáciles.

• Componer un diseño de 3 columnas en XHTML y CSS
• Maquetación CSS a tres columnas

Actualización:
Gracias a los comentarios de atroz y albir os dejo un par de enlaces más relacionados con CSS y XHTML que pueden ser útiles:

• http://css-discuss.incutio.com/
• http://www.w3schools.com/