Hello,

I have a div that is filled with dynamic content. So the size is not the same all the time. Sometimes it has a scollbar and sometime it doesnt. When is has a scrollbar I want to let the user know by adding a small image at the bottom (a small bouncing arrow).

Somehow I cant get that working properly...

This is what I got now...

My javascript:

Code:
<script type="text/javascript">
$(window).load(function(){alert($('#scroller').height());})


if ( $('#scroller').height() < 1051) {

}
else {
   document.write('<div class="scroll"><p><img src="http://www.website.nl/showroom/pijl.gif" alt=""/></p></div>');
}

</script>
And this is my css:

Code:
#scroller
{
    height:auto;
}
When I use the alert function it is showing me diffrent heights but the if function does not work...

Can somebody help me out

Thank in advance