Hola Roberto,
el enlace que has puesto explica muy bien el problema y las posibles soluciones. He puesto en práctica la solución 1 y 3 (que me parecian más correctas), pero ninguna de ellas ha funcionado correctamente.
Ahora mismo tengo aplicada la solución 3 en la web, pero la columna de la izquierda sigue teniendo un height inferior a la columna de la derecha.
Esta es la solución que he empleado:
Código :
#contenedor {
display: table;
}
#contenidos {
display: table-row;
}
#columna1, #columna2, #columna3 {
display: table-cell;
}
Gracias a la propiedad display de CSS, cualquier elemento se puede comportar como una tabla, una fila de tabla o una celda de tabla, independientemente del tipo de elemento que se trate. De esta forma, los elementos <div> que forman las columnas de la página en realidad se comportan como celdas de tabla, lo que permite que el navegador las muestre con la misma altura. escribió:
A ver si se nos ocurre algo más.
Por cierto, parece que esta propiedad "display" no la acepta IE (solo en IE8).
Saludos! y gracias
