Discretamente insertar divisor vertical en el diseño

Question

I desea insertar un separador vertical gris que divide las dos partes de manera uniforme para mostrar una división lógica. Puesto que el contenido en los dos lados puede variar en altura dependiendo de lo que el usuario selecciona, las necesidades de divisor a escala apropiadamente -. Altura en otras palabras, no puede ser fijo

Como acotación al margen, idealmente este elemento estilo sería algo que condicionalmente pude insertar y quitar. Obviamente algún tipo de div daría el control de maximizar.

Aquí está mi código HTML / CSS existente:

http://jsfiddle.net/keruilin/u5GgT/47/

Answer 1

En lugar de insertar un elemento, me vería en peinar los dos lados como columnas tengan la misma altura. Use un border-right en la parte izquierda, o hacia la izquierda de las fronteras de la derecha, para mostrar la división.

Ver:?. CSS - Columnas igual altura de orientación sobre columnas tengan la misma altura

Answer 2

¿Qué hay de aplicar border-left: 2px solid gray o border-right: 2px solid gray a una de las columnas?