Das wäre natürlich das einfachste, bezogen aufs Coden.
Allerdings müsste ich dann für jede mögliche Skalierung der Anzeige ein eigenes Hintergrundbild zeichnen.
Ich bin gerade am spielen mit verschachtelten divs.
<div position:relative; >
Balkenzeile (z-index:1)
Balkenzeile (z-index:1)
...
<div position:absolute; left:0; top:0; z-index:0;>
hier divs mit passender Breite und jeweils border-right für die senkrechten Linien
</div>
</div>
das eingeschachtelte div mit den Linien liegt auf selber Position wie das übergeordnete div und wird mit z-index hinter die Balken gesetzt. Damit erreiche ich den gewünschten Effekt.
Bleibt nur noch ein Problem übrig. Wie sag ich dem div mit den Linien, dass es genau so hoch sein soll wie sein Parent? position:absolute macht diese Zugehörigkeit kaputt.