Bild bis zum unteren Rand strecken

[Axel Richter]

Hallo,

kann ich ein Bild, das zb bei top:150px; beginnt, bis zum unteren Rand strecken lassen? Ich kriegs irgendwie nicht hin... 100% funktioniert nicht, top:150px; bottom:0; funktioniert ebenfalls nicht... das ganze soll ja auch im IE funktionieren.

Das Bild sollte also zb bei 150px beginnen, und immer bis zum unteren Rand gehen ... wenn die Seite so viel Inhalt hat, dass gescrollt werden muss, dann soll das Bild natürlich auch beim Scrollen sich weiter bis nach unten erstrecken.

Dann mit

  
position:absolute; top:150px; bottom:0; width:100px;  

für das Bild, welches sich am BODY-Element orientieren muss. Dieses muss deshalb eine von static abweichende Angabe für position: bekommen. Die Breitenangabe ist nötig, weil das Bild sonst proportional auch in der Breite gestreckt wurd.

Kann jemand weiterhelfen?

Für den IE mit JavaScript, eventuell per CSS-expression

<!--[if ie]>
<style type="text/css">
img#streckbild { height:expression((document.body.offsetHeight - 150) + "px"); }
</style>
<![endif]-->

viele Grüße

Axel