Layout 3 columnas adaptadas al contenido y con la misma altura

[jclpascual]

Hola amigos, quisiera hacer un layout web con 2 columnas con la altura adaptada de forma automática según su contenido, pero que las 3 tengan la misma altura pues sino queda muy feo ¿como se hace esto? es decir si en la columna 1 tengo un menú, en la 2 el contenido, y en la 3 noticias, si el contenido es la mas alta porque tiene mas contenido el resto de columnas como tienen menos contenido se quedan muy cortas y queda feo pues que el alto de las 3 sea el de la columna con mas contenido.
Gracias

[fede5426]

Podes hacer que se comporten como una tabla:

Código HTML:

<div class="contenedor">
  <nav></nav>
  <div class="contenido">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem est voluptatum velit placeat minima
    natus, facere, dolores iure corporis, voluptatibus nesciunt incidunt cupiditate, nemo ratione molestiae
    deleniti. Qui, ex, voluptatum.</p>
  </div>
  <aside></aside>
</div>
 

Código CSS:

.contenedor{
  width:1000px;
  background-color:#02145e;
  padding:.5em;
  margin:0 auto;
  display:table;
}
 
nav,
aside,
.contenido{
  display:table-cell;
  padding:.5em;
  background-color:#eb7108;
  width:15%;
}
 
.contenido{
  width:70%;
  background-color:#616161;
}
 

http://codepen.io/anon/pen/EjVpgK

Probalo, saludos