IE problem with embedded SWF, using AC_FL_RunContent

programming web dev
1

Hi all

I guess I’m a bit over my head with the problems I’m having. I spent a solid day yesterday trying to make some headway with this SWF display problem to no avail.

What I am trying to do:

  1. have a “two column” display: the left column a menu bar, the right column an embedded SWF.

  2. The SWF is to be set to fill up the browser window (W/H = 100%), while still allowing column 1 (the menu strip) to show.

  3. Set a minimum size for the embedded SWF so that it doesn’t get too small on small screens and/or when a browser is resized.

*For the SWF embed, I use AC_FL_RunContent
*For the web coding, I use HTML with an accessory CSS file

For #1 and #2 above, this is apparently working fine in FF & Safari.

In IE, on the other hand, I am getting one of two problems:
*only the SWF appears, no left column (menu)
OR
*the SWF appears in the right column but REALLY tiny (150 x 100 pixels?), not even close to filling up the browser window as it should (and as it does in other browsers). It does not resize as the browser window is resized.

I have tried all kinds of possible fixes, including trying <!–[if IE]> code to load a different CSS file, trying to use other means of embedding the SWF (e.g. SWFobject). Nothing has solved the problem - and usually creates new ones.

As for #3 above, I can set a minimum width with the min-width setting in CSS, but min-height does not work.

—EDIT----
min-width works in FF & Safari, Not IE.
min-height does not work at all

The original SWF is 850x540

here’s the page in question:
http://i2i.stanford.edu/AcidOcean/AcidOcean.htm

Below I copy the HTML code and then the relevant CSS code.

Any help with an IE fix and an idea for the min-height issue would be very much appreciated.

Many thanks!

**HTML **


<!DOCTYPE html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Acid Ocean, part 1</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<link rel="stylesheet" type="text/css" href="../css/i2i_left.css" />
</head>
<body class="WholePage">

<div class="banner">
<table width="80px"><tr><td width="80" valign="top"><a href="../index.html"><img src="../images/Yin_yang.png" width="80" height="80" border="0"/></a></td></tr>
<tr>
<td valign="top">

<br /><br /><img src="../images/en.png" width="24" height="12" border="0" />&nbsp;<span class="currLang"><font face="Tahoma">English</font></span>

<br /><br /><a href="AcidOcean_Fr.htm"><img src="../images/fr.png" width="24" height="12" border="0" /></a>&nbsp;<span class="otherLang"><a href="AcidOcean_Fr.htm">Français</a></span>

<br /><br /><br /><span class="greyText"><em>Go to:</em></span>
<br /><br /><span class="currLang"><font face="Tahoma">part 1</font></span>
<br /><br /><span class="otherLang"><a href="AcidOcean2.htm">part 2</a></span>
<br /><br /><span class="otherLang"><a href="AcidOcean3.htm">part 3</a></span>
<br /><br /><br /><span class="otherLang"><a href="http://i2i.stanford.edu">homepage</a></span>
</td></tr></table>
</div>

<div class="SWFcontent">

<script language="javascript">
    if (AC_FL_RunContent == 0) {
        alert("This page requires AC_RunActiveContent.js.");
    } else {
        AC_FL_RunContent(
            'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
            'width', '100%',
            'height', '100%',
            'src', 'co2lab',
            'quality', 'high',
            'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
            'align', 'middle',
            'play', 'true',
            'loop', 'true',
            'scale', 'showall',
            'wmode', 'window',
            'devicefont', 'false',
            'id', 'co2lab',
            'bgcolor', '#ffffff',
            'name', 'co2lab',
            'menu', 'true',
            'allowFullScreen', 'false',
            'allowScriptAccess','sameDomain',
            'movie', 'co2lab',
            'salign', 'tl'
            ); //end AC code
    }
</script>
<noscript>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" id="co2lab" align="left">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="co2lab.swf" /><param name="quality" value="high" /><param name="salign" value="tl" /><param name="bgcolor" value="#ffffff" />    <embed src="co2lab.swf" quality="high" salign="tl" bgcolor="#ffffff" width="100%" height="100%" name="co2lab" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
</noscript>
</div>

</body>
</html>

CSS


.WholePage {
margin: 0px;
}

.banner{
background-color:#000000;
z-index: 2;
position: absolute;
vertical-align: top;
width: 90px;
height: 100%;
}

.SWFcontent {
z-index: 1;
position: relative;
margin-left: 95px;
vertical-align: top;
min-height: 540;
min-width: 850;
}