Zeitbereich mit Balken darstellen

[Linuchs]

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.

Ich würde das Hintergrund-div nicht in das Daten-div schachteln.

Stattdessen Hintergrund anzeigen mit einer minimalen Höhe. Getrennt davon die Daten. Anschliessend die Daten-Höhe per Javascript auf den Hintergrund übertragen.

<div id="d1" style="position:relative">
  <div id="d11" style="position:absolute; height:5em">
  <!-- Hintergrund -->
  </div>
  <div id="d12" style="min-height:5em">
  <!-- Daten -->
  </div>
</div>
document.getElementById("d11").style.height = document.getElementById("d12").style.height;

Musst mal sehen, in welcher Einheit ("d12").style.height kommt, evtl. noch +"px" dahintersetzen.

Linuchs