Solved

Flash inside an opening and closing DIV

Posted on 2009-04-15
2
332 Views
Last Modified: 2012-05-06
I have a div which contains a flash file inside it. I'm using the Yahoo User Interface to change the hight of the DIV to give the impression that it's opening and closing. In most browsers this seems to be fine, however in Firefox the flash file always appears no matter whether the containing DIV is open or closed.

I'm using SWFObject to display the flash file. I've attached the code I'm using.

The DIV 'miniSpec' is the div which opens and closes.

Where am I going wrong?
<div class="easySpecMini" id="miniSpec" style="cursor: auto;">
    	<img id="easySpecMiniImg" onclick="easySpecAction('miniSpec');" style="cursor: pointer;" src="images/easy-spec-mini-arrow.png" width="959" height="26" alt="Generate a bespoke brochure based on your needs" />
    
    	<div style="width: 646px; float: left;">
            <object id="myid" style="z-index: 0;" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="646" height="320">
            <param name="movie" value="swf/easy_spec_v1_11_cs3.swf" />
            <param name="wmode" value="transparent" />
            <!--[if !IE]>-->
            <object type="application/x-shockwave-flash" data="swf/easy_spec_v1_11_cs3.swf" width="646" height="320">
            <!--<![endif]-->
              <p>Alternative content</p>
            <!--[if !IE]>-->
            </object>
            <!--<![endif]-->
            </object>
        </div>
        <div style="width: 288px; height: 320px; padding: 50px 0px 0px 25px; float: left; background: url(images/easy-spec-right-line.png) no-repeat;">
        	<h6 style="font-size: 21px; padding: 0px; margin: 0px; color: #bed600;">Clarity through confusion</h6>
			<h5 style="font-size: 18px; padding: 0px; margin: 0px 0px 35px 0px; color: #ffffff;">providing simple answers to<br />complex situations</h5>
            
            <p style="font-size: 11px; color: #ffffff; padding: 0px; margin: 0px; clear: both;">Capita Total Document Solutions provides solutions to enable clients to manage the full document lifecycle from scanning, intelligent data capture and electronic document management through to workflow systems and hosting services.</p>
        </div>
    
    </div>

Open in new window

0
Comment
Question by:SheppardDigital
2 Comments
 
LVL 11

Expert Comment

by:level9wizard
ID: 24147317
Just curious, can you post the full html document? And what DTD are you using?
0
 

Accepted Solution

by:
SheppardDigital earned 0 total points
ID: 24239783
I managed to get round this by hidding the flash file when the DIV closes.
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question