Einfügen unaufdringlich vertikale Teiler in Layout

Question

Ich mag einen grauen vertikalen Teiler einzufügen, die die beiden Seiten teilen gleichmäßig eine logische Teilung zu zeigen. Da der Inhalt auf den beiden Seiten in der Höhe je nachdem, was der Benutzer auswählt variieren kann, um die Teiler Bedürfnisse skalieren entsprechend -. In anderen Worten, nicht feste Höhe werden

Als beiseite, im Idealfall dieses Stilelement wäre etwas, dass ich bedingt entfernen einsetzen und könnte. Offensichtlich eine Art div würde die maximale Kontrolle.

Hier ist mein bestehender HTML / CSS-Code:

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

Answer 1

Anstatt ein Element eingesetzt wird, würde ich auf Styling, die beiden Seiten als gleich Höhe Spalten suchen. Verwenden Sie ein border-right auf der linken Seite oder border-left auf der rechten Seite, die Teilung zu zeigen.

Siehe auch:?. CSS - Equal Höhe Spalten zur Führung auf gleiche Höhe Spalten

Answer 2

Wie über Sie gelten border-left: 2px solid gray oder border-right: 2px solid gray zu einer der Säulen?