inserire discretamente divisorio verticale nel layout

Question

voglio inserire un divisore verticale grigia che divide le due parti in modo uniforme per mostrare una divisione logica. Poiché il contenuto di due lati può variare in altezza a seconda di ciò che l'utente seleziona, le esigenze divisore in scala in modo appropriato -. Altezza in altre parole, non può essere fissato

Per inciso, idealmente questo elemento di stile sarebbe qualcosa che ho potuto condizionalmente inserire e rimuovere. Ovviamente una sorta di div darebbe il controllo di ingrandimento.

Ecco il mio codice HTML / CSS esistente:

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

Answer 1

Piuttosto che l'inserimento di un elemento, avrei guarda styling due lati come colonne uguale altezza. Utilizzare un border-destra sul lato sinistro, o border-sinistra a destra, per mostrare la divisione.

See:?. CSS - Colonne uguale altezza per la guida su colonne di uguale altezza

Answer 2

Che ne dite di applicare border-left: 2px solid gray o border-right: 2px solid gray ad una delle colonne?