Div layouts not working...ideas?

[icklejez]

I am trying to display a .gif image ontop of a flash object in a web page using div's...

I place the swf object in a div using the z-index at 0

Then the .gif ontop in another div with it at z-index 1...

I can get a flash object ontop of a flash object but not an image file... heres the code -

any ideas?

 

[icklejez]

sorry that code isnt very readable...its giving me fuss about formatting it, this should be more readable:

<div style="position:absolute; left:18%; z-index:0;">
<object classid="00" codebase="http://download.macromedia.com/pub/... width="800" height="600">
<param name="movie" value="myspace.swf" />
<param name="quality" value="high" />
<embed src="myspace.swf" quality="high" pluginspage="http://www.macromedia.com/go/getfla... type="application/x-shock... width="800" height="600"></embed>
</object>
</div>

<div style="position:absolute; left:18%; top:100px; z-index:1;">
<a href="http://www.google.com"><img src="google.gif" width="150" height="75" border="0" /></a>
</div>

 

[Alex]

there's a short thread about this here

apparently if you add this line:

mymovie.addParam("wmode", "opaque");
or maybe "transparent" it would work.

not sure, some other guy said that it's a browser issue that makes flash always be on top. either way i'm not sure what the solution is but i'd stay away from overlapping images and flash myself. and i don't like absolute DIVs either 😛

check out the thread it might help you out!
gl!

 

[Rip the Jacker]

try different z-index values, 50 and 1 perhaps?

or try position:relative on the top most element.

also, try <param name="wmode" value="transparent" /> on the bottom most element if its flash.