<div>
I usually put everything in a table to avoid the problem or use css/div tags to set the space.
</div>


<div>
&lt;DIV ID=&quot;flashMovie&quot; STYLE=&quot;width: 400; height: 180; z-index: 0;&quot;&gt;<br />
flashcode here<br />
&lt;/DIV&gt;<br />
<br />
You can play with the z-index value. You can change the 0 to -1 and see if that helps.
</div>


<div>
Could you explain how using &nbsp;a table overcomes the problem? &nbsp; &nbsp;And I do use div tags. &nbsp;The code below, for example, embeds a flash panel and nothing I add later or pop up will appear on top of it:<br />
<br />

<pre><code class="code-10 nolinks" id="code-20-36924584-1"><span>     &lt;div id=&quot;butterflyoverlay&quot;&gt;</span>
<span>        &lt;object</span>
<span>            classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot;</span>
<span>            codebase=&quot;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0&quot;</span>
<span>            id=&quot;Butterfly&quot;</span>
<span>            width=&quot;708&quot; height=&quot;172&quot;&gt;</span>
<span>            &lt;param name=&quot;movie&quot; value=&quot;_swf/Butterfly_homepage.swf&quot; /&gt;</span>
<span>            &lt;param name=&quot;bgcolor&quot; value=&quot;#FFFFFF&quot; /&gt;</span>
<span>            &lt;param name=&quot;quality&quot; value=&quot;high&quot; /&gt;</span>
<span>            &lt;param name=&quot;seamlesstabbing&quot; value=&quot;false&quot; /&gt;</span>
<span>            &lt;param name=&quot;allowscriptaccess&quot; value=&quot;samedomain&quot; /&gt;</span>
<span>            &lt;embed</span>
<span>                  type=&quot;application/x-shockwave-flash&quot;</span>
<span>                  pluginspage=&quot;http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash&quot;</span>
<span>                  name=&quot;Butterfly&quot;</span>
<span>                  width=&quot;708&quot; height=&quot;172&quot;</span>
<span>                  src=&quot;_swf/Butterfly_homepage.swf&quot;</span>
<span>                  bgcolor=&quot;#FFFFFF&quot;</span>
<span>                  quality=&quot;high&quot;</span>
<span>                  seamlesstabbing=&quot;false&quot;</span>
<span>                  allowscriptaccess=&quot;samedomain&quot;&gt; </span>
<span>              &lt;noembed&gt; &lt;/noembed&gt; </span>
<span>            &lt;/embed&gt;</span>
<span></span>
<span>        &lt;/object&gt;</span>
<span>      &lt;/div&gt;</span>
</code></pre>
</div>


<div>
Using a table confines objects within the given cell and the table can have its own style
</div>


<div>
Thanks Kravimir! &nbsp;You nailed it! &nbsp;I gave you the points.<br />
<br />
I wonder if I could ask you one more thing about this. &nbsp;I notice that wmode has a transparent option, where the flash background is transparent. Does this mean that mouse clicks are &quot;felt&quot; through it? &nbsp;That is, if the flash overlays a link, can I still click on and activate the link if wmode = transparent?<br />
<br />
Thanks for your great answer.<br />
<br />
Steve
</div>


<div>
<div class="content wysiwyg-content">
I've noticed that whenever I embed flash or a video into a page, using &lt;object&gt;/&lt;embed&gt; tags, that the media div always appears on top of everything else, as if it had an infinite z-index. &nbsp;This is a problem if you want to pop up a window on top of the the media. &nbsp;Does anyone know why this happens and if there's any way to override it?<br />
<br />
Thanks<br />
Steve
</div>
</div>


I've noticed that whenever I embed flash or a video into a page, using <object>/<embed> tags, that the media div always appears on top of everything else, as if it had an infinite z-index.  This is a problem if you want to pop up a window on top of the the media.  Does anyone know why this happens and if there's any way to override it?

Thanks
Steve

Why is embedded media always on top?

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.