Insérer discrètement diviseur vertical dans la disposition

Question

Je souhaite insérer un diviseur vertical gris qui sépare les deux parties de façon égale pour afficher une division logique. Étant donné que le contenu des deux côtés peut varier en hauteur en fonction de ce que l'utilisateur sélectionne, le diviseur doit à l'échelle appropriée -. Autrement dit, ne peut pas être la hauteur fixe

En aparté, idéalement cet élément de style serait quelque chose que je pourrais conditionnellement insérer et à retirer. De toute évidence, une sorte de div donnerait le contrôle de Maximize.

Voici mon code HTML / CSS existant:

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

Answer 1

Au lieu d'insérer un élément, je regarde coiffer les deux parties sous forme de colonnes égal hauteur. Utilisez une bordure droite sur le côté gauche, ou la bordure gauche à droite, pour montrer la division.

Voir: CSS - Colonnes de la même hauteur pour obtenir des conseils sur des colonnes de même hauteur

Answer 2

Que diriez-vous d'appliquer border-left: 2px solid gray ou border-right: 2px solid gray à l'une des colonnes?