nicht angemeldet
Hallo...
Folgendes, ich habe mir eine kleine Statusbar aus CSS und JS gebastelt.
Diese soll vertikal von unten nach oben wachsen - das ist auch der springende Punkt, sie will partout nur von oben nach unten wachsen statt umgekehrt.
So wird die Statusbar auf der Seite ausgegeben:
<div id="montiMeter"><p style="height:0%;"><span>0%</span></p></div>
Das Javascript modifiziert style="height:0%;" je nach dem welchen Wert ich uebergebe. In etwa so:
oLadebalken = document.getElementById("montiMeter").firstChild;
oLadebalken.firstChild.firstChild.nodeValue = oLadebalken.style.height = output(tot)+"%";
Mein CSS schaut wie folgt aus:
[code=css]
#montiMeter {
height: 150px;
width: 35px;
border: 1px solid #000;
background: #c0c0c0;
vertical-align:bottom;
position: fixed;
top: 380px;
left: 260px;
position: expression("absolute");
top: expression(parseInt(document.body.scrollTop + 380));
}
#montiMeter p {
margin-bottom:0px;
padding:0px;
height: 150px;
display: block;
background: #0f0;
font-size:10px;
font-weigth:bold;
color:black;
}
[/code]
Das ganze erzeugt Statt am unteren div rand angeklebt zu sein nur einen kleinen platz zum oberen div rand.
Geschweige denn dass der Balken nach oben waechst, ich kann mich drehen und wenden (margin-top/bottom auto, valign's und divers eltern div's) wie ich will der Balken waechst von oben nach unten.
Biiitte, wo steckt der Fehler... wahrscheinlich ne kleine Dummheit, aber ich bekomms einfach nicht hin.
Bedankt für answers,
Asto.