Solved

Flash inside an opening and closing DIV

Posted on 2009-04-15
2
333 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Independent Software Vendors: 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

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
The goal of the tutorial is to teach the user how to how to record live broadcast.
The goal of the tutorial is to teach the user how to select the video input device. Make sure you have an input device that in connected and work and recognized by Adobe Flash Media Live Encoder and select it in the “video input” menu.

718 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