He trabajado principalmente con diseños basados en tablas hasta este momento, pero dado que se considera una cosa del pasado, ahora he asumido la tarea de aprender el diseño basado en DIV.

Uno de los desafíos más molestos hasta ahora para mí ha sido encontrar una manera de obtener DIV de igual altura que funcionen en todos los principales navegadores, no se basan en JavaScript y no requierentácticas CSS complicadas. Me hace preguntarme por qué usar DIV es el método preferido para hacer diseños, mientras que las tablas permiten la creación rápida y fácil de elementos de página de igual altura.

¿Cuáles son mis opciones? Si no hay una manera perfecta, ¿recomendarías hacerlo con jQuery? Me gustaría aplicar esta técnica a la barra lateral que se puede veraquí. (Este es un entorno de prueba para un tema que estoy desarrollando).

Actualizar: la altura de las columnas no se conoce de antemano; depende de cuánto contenido debería poder ajustarse.