DIv layering?

[spikypunker]

Hey guys, is there are way of making a div be "always on top"?

 

Im redesigning my site, here it is http://www.maddogmagazine.co.uk/backNEW.php

 

As you can see, the drop down is being covered by the Flash panel? The flash panel is automatically put into a DIV i believe and the drop down works by displaying a DIV on rollover!

 

Is this simple?

[kickstart]

Hi

 

In CSS set the z-index to an appropriate value.

 

All the best

 

Keith

[SuperBlue]

The division with the highest z-index will be on the top. Other then that, no. Not as far as i know.

 

Remember that your element will need its position set to something else then static for z-index to work.

[jsschmitt]

You need to set wmode to transparent on the flash movie...

 

That should take care of your issue...

[spikypunker]

Hey ppl, still no joy on this issue, it's now holding back releasing my redesign and i'm getting stressed! Can anyone help?

 

I've made sure that the divs from the menu are the highest and even set the Flash div to be the lowest. Set the wmode to be transparent when publishing the SWF file and also added the wmode="transparent" into the Flash div tag.

 

Has anyone ran into this problem before at all and beaten it??

 

 

Peace!

[.josh]

did you set the position of the divs to something other than static when you set the z-index? As Blue said, z-index only works if you also set the position.

[jsschmitt]

so.addParam("wmode", "transparent"); is what you need..

 

Make

 

<div id="flashcontent"></div>
<script type="text/javascript">
     var so = new SWFObject("http://www.maddogmagazine.co.uk/backissues.swf", "mymovie", "565", "1200", "5", "#FFFFFF");
     so.write("flashcontent");
</script>

 

into

 

<div id="flashcontent"></div>
<script type="text/javascript">
     var so = new SWFObject("http://www.maddogmagazine.co.uk/backissues.swf", "mymovie", "565", "1200", "5", "#FFFFFF");
     so.addParam("wmode", "transparent");
     so.write("flashcontent");
</script>