Not signed in (Sign In)

Vanilla 1.0.3 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorandfinally
    • CommentTimeJul 24th 2008 edited
     
    I embedded a 100% height 100% width Flash movie using SWFOjbect a while ago. It's been working perfectly in all the main browsers - it covers the whole of the available window. But now Firefox 3's come out, the SWF only appears in a 200 pixel high strip at the top of the page. The 100% width seems to be OK. Is this some kind of Firefox 3 bug?

    You can see what I mean at http://greygroup.asia/intro.htm.

    I've used these styles

    html {
    height: 100%;
    overflow: hidden;
    }
    #flashcontent {
    height: 100%;
    margin:0;
    padding:0;
    }
    body {
    height: 100%;
    margin:0;
    padding:0;
    }

    and this is the embed code:

    var so = new SWFObject("intro.swf", "intro", "100%", "100%", "7", "#FFFFFF");
    so.addParam("scale", "noborder");
    so.write("flashcontent");


    Thanks!
    Gareth
    • CommentAuthorAran
    • CommentTimeJul 24th 2008
     
    Gareth.

    I suggest you post on the swfobject 2.0 Google group ( there are sticky posts at the top of the forum), as 1.x is not under active dev / support any more.

    Cheers,
    Aran
    • CommentAuthorandfinally
    • CommentTimeJul 25th 2008
     
    Cheers Aran, will do..

    Gareth
    • CommentAuthorburetta
    • CommentTimeSep 2nd 2008 edited
     
    Gareth, try the following. The below gives me 100% width and height and also min/max height/width across a good range of browsers. Not totally perfected yet but it's close and did solve the issue you had. Basically adding any character into the TD magically fixed the issue of the flash collapsing to the 200px. I wrapped this character fix in #fixme and display:none for all browser except Firefox3 and then gave it a font size of 0. Again, still playing with this but thought I would post some help to see if others can add to this.

    --------------CSS--------------

    <style type="text/css">
    /* hide from ie on mac \*/
    html {height: 100%;}
    #flashcontent {min-width:1050px;min-height:768px;overflow: auto;height:100%;width:100%;
    _height:expression(document.body.clientHeight < 770? "768px" : document.body.clientHeight > 770? "100%" : "100%");/* sets min IE6 height */
    _width:expression(document.body.clientWidth < 1050? "1045px" : document.body.clientWidth > 1050? "100%" : "100%");/* sets min IE6 width */
    }
    /* end hide */
    body {height:100%;margin:0;padding:0;background-color:#CCC;font-family:Arial,Helvetica,sans-serif;font-size:1.1em; }
    table {height:100%;width:100%;text-align:center;}
    #fixme, x:-moz-any-link, x:default {display:block; font-size:0;}/* firefox3 hack to force table height 100% */
    #fixme {display:none;}
    </style>

    --------------FLASH--------------

    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td height="100%" align="center" valign="top"><div id="flashcontent"></div><span id="fixme">& nbsp;</span></td>
    </tr>
    </table>
    <script type="text/javascript">
    var so = new SWFObject("/swf/splash.swf", "sotester", "100%", "100%", "9", "#CCC");
    so.addParam("base", "swf");
    so.addParam("quality", "BEST");
    so.addParam("scale", "noscale");
    so.addParam("salign", "tl");
    so.addParam("allowFullScreen", "true");
    so.addParam("menu", "false");
    so.write("flashcontent");
    </script>