Div hinter Bild

  • Div hinter Bild

    Hallo zusammen,

    ich möchte eine "Lagerbestandsanzeige" auf meiner Webseite anzeigen lassen. So klappt das auch schon alles super, so sieht der Code aus:

    Quellcode

    1. <div style="position: relative; width: 100px; height: 220; left: 40px; top: 145px;">
    2. <img style="bottom: 0px; position: absolute;" src="/images/lagerbestandsanzeige/lager.png"/>
    3. <div style="width: 100%; height: <?php echo $height;?>px; background-color: #6eff74;"></div>
    4. </div>

    Je nachdem wieviel im Bestand ist, je höher wird durch eine bestimmte Funktion berechnet, wie hoch das Div hinter der Grafik sein soll. Klappt wie gesagt alles wunderbar mit der Transparenten Grafik wenn ich es einzeln aufrufe. Mein Problem ist nun folgendes:

    Ich will die Grafik mit dem Div dahinter in eine Tabelle in die Webseite einbinden in eine Tabelle. Nur gibt es mit dem "position: absolute" total die Probleme, da er die Grafik versetzt wie er will je nach Höhe des Divs. Sage ich "position relative" ist die Grafik super positioniert, jedoch ist dann das Div nicht mehr hinter der Grafik sondern drunter... Also was mache ich? Hier nochmal ein Bild wie es aussieht:
    img14.myimg.de/nc1de2.png

    Ich hoffe ihr könnt mir helfen, ist sehr wichtig!

    Übrigens (wenn jemand eine bessere Technik kennt) kann ich auch gerne das Div anders hinter die Grafik bekommen wenn ihr eine passende Idee habt :D

    Dankeschön!