I'm embedding an SWF in an HTML page with a center "content" section
whose width can vary between 600 and 800 pixels (based on browser
window width, using min-width and max-width, and an expression for
IE6).
The SWF is a horizontal rectangular shape. As the browser changes
width, the SWF scales to fit the width. Correspondingly, the SWF's
height changes.
I'm embedding it like this:
<script type="text/javascript">
var flashvars = false;
var params = {};
var attributes = {};
swfobject.embedSWF("swf/nav.swf", "navContainer", "100%", "100%",
"9.0.0", "swf/expressInstall.swf", flashvars, params, attributes);
</script>
The SWF scales with no problems. However, the div ("navContainer")
doesn't change height to accommodate the SWF.
My HTML uses the Transitional doctype. In my CSS, if I don't specify
the height of navContainer, I can't see my SWF at all. Likewise if I
set height to auto. I can set a fixed pixel height but then the div
doesn't resize.
If I get rid of the doctype, the div expands to push the page to the
available height of the window (viewport minus content header and
content footer).
What I want is for the div to only be the height of the contained SWF.
As the window is made wider or narrower, and the SWF scales, the div
should get taller or shorter, so the content below the SWF stays in
the same relative position to the bottom of the SWF.
Normally in CSS a div is only the height of whatever it contains. So
I'm having trouble understanding why my div is either a) apparently
height zero, or b) (if I get rid of the doctype) 100%.
Thanks for any help!
- Bob
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"SWFObject" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/swfobject?hl=en
-~----------~----~----~----~------~----~------~--~---
