IMG question

[joek]

Hi I would like to freeze an image other than the background image. How can I keep images locked in place while the rest of the page scrolls?

Thanks
Joe

[_Aerospace_Eng_]

Well Internet Explorer doesn't understand position:fixed; so you could do something like

<style type="text/css">
#the-image {
position:fixed; /*for browsers that understand position:fixed;*/
}
* html #the-image {
position:relative;
top:expression(this.offsetParent.scrollTop - 2); /*for MS IE, that understands expressions but not position:fixed; ironic isn't it*/
}
</style>

That would go in your head tags, and your image that you want to be fixed would look something like this

<img src="blah.jpg" id="the-image" alt="">

[joek]

Thanks.

Can I use that multiple times as long as the #the-image is given a different name?

Joe

[_Aerospace_Eng_]

You should be able to, I haven't worked expressions much.

[mrruben5]

Yes you can use that but you could better use a class then, so you don't have to make a new css definition in your css.

<style type="text/css">
.fixedimage {
position:fixed; /*for browsers that understand position:fixed;*/
}
* html .fixedimage {
position:relative;
top:expression(this.offsetParent.scrollTop - 2); /*for MS IE, that understands expressions but not position:fixed; ironic isn't it*/
}
</style>

<img src="blah.jpg" class="fixedimage" alt="">

Why the funny - 2 by the way?

[_Aerospace_Eng_]

I was just giving an example.

[joek]

Ok that works fine but I think I asked the wrong question...how can I put a scroll bar only on my table?

My graphics have a transpatent back ground and the table shows through some of them.

Thanks

Joe