hi
I've got a graphic sitting in a centred <div> but I wanted a small Flash movie to appear in a particular position over the graphic. I've put the code for the Flash <object> in a second <div> and used this class:
.flashpos {
position: relative;
top: 150px;
left: -50px;
z-index: 100;
}
which works fine - the Flash element sits in the correct spot on the graphic. But when the browser window is made smaller than the graphic (ie. you'd have to scroll to see the rest of the image) the Flash element starts to drift out of its position.
Is there a way to keep the Flash element in its position, relative to the <div> that it sits in, regardless of how much of that <div> is currently displayed?
thankssorry, to clarify, I've got
<div align=center>
...graphic bits
<div class="flashpos">
...flash object bits
</div>
</div>
I've got a graphic sitting in a centred <div> but I wanted a small Flash movie to appear in a particular position over the graphic. I've put the code for the Flash <object> in a second <div> and used this class:
.flashpos {
position: relative;
top: 150px;
left: -50px;
z-index: 100;
}
which works fine - the Flash element sits in the correct spot on the graphic. But when the browser window is made smaller than the graphic (ie. you'd have to scroll to see the rest of the image) the Flash element starts to drift out of its position.
Is there a way to keep the Flash element in its position, relative to the <div> that it sits in, regardless of how much of that <div> is currently displayed?
thankssorry, to clarify, I've got
<div align=center>
...graphic bits
<div class="flashpos">
...flash object bits
</div>
</div>