Hi Dutchy (or anyone with ideas!),
I saw your reply to the “100% flash movie in Firefox 1.0” thread. I have a similar problem trying to get a stretchable Flash movie in a div that fills part of my page. I tried bits of your code at a time and what worked was to make the div that holds my movie absolutely positioned instead of floated.
But ideally I’d like the movie div to float so that the site is fluid and resizes nicely if someone changes their browser’s text size. Any ideas on how to make the movie stretchable in Firefox/Mozilla AND have the div holding it move down as needed to fit a text resize?
I can get it to work in the floated div in quirks mode by taking out the doctype, but there’s got to be a better way, right?
The relevant CSS & HTML are below; #con is the container div and #fla is the div enclosing my Flash movie. The page can be seen at http://home.comcast.net/~ckeleher/test/test-archival/pages/testemb.htm
Thanks in advance!
relevant CSS:
#con {
float: left;
width: 70.6%;
padding: 5px 0 0 5px;
}
#fla {
float: left;
width: 100%;
height: 100%;
}
relevant HTML:
<div id=“con”>
<div id=“ti”>Body Basics</div>
<div id=“fla”><object classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000” codebase=“http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0” width=“100%” height=“100%” id=“what-is-ca-short-fl” >
<param name=“allowScriptAccess” value=“sameDomain” />
<param name=“movie” value="…/…/body/basics/animation/what-is-ca-short-fl.swf" />
<param name=“loop” value=“false” />
<param name=“quality” value=“high” />
<param name=“bgcolor” value="#ffffff" />
<param name=“salign” value=“tl” />
<embed src="…/…/body/basics/animation/what-is-ca-short-fl.swf" width=“100%” height=“100%” loop=“false” salign=“tl” quality=“high” bgcolor="#ffffff" name=“what-is-ca-short-fl” allowScriptAccess=“sameDomain” type=“application/x-shockwave-flash” pluginspage=“http://www.macromedia.com/go/getflashplayer” />
</object>
</div>
</div>
