Yeah, I still can't get it to work. This is frustrating.
On Nov 4, 8:23 pm, Turkeypants <[EMAIL PROTECTED]> wrote:
> Wow, thanks for the quick reply, Kyle.
>
> I now have
>
> <param name="wmode" value="transparent" />
>
> for both SWFs, in both object tags. Do I need it in more than those
> places?
>
> In my code above, I noticed that the wmode didn't match, for the 2
> SWFs. Does that matter?
>
> Thanks,
>
> Brent
>
> On Nov 4, 8:16 pm, "Getify Solutions, Inc." <[EMAIL PROTECTED]> wrote:
>
> > You need wmode:opaque or wmode:transparent on both swf's.
>
> > --Kyle
>
> > --------------------------------------------------
> > From: "Turkeypants" <[EMAIL PROTECTED]>
> > Sent: Tuesday, November 04, 2008 9:14 PM
> > To: "SWFObject" <[email protected]>
> > Subject: Scaling SWF background with XHTML/CSS page
>
> > > Hi-
>
> > > I am a noob to SWFObject, and I have read the existing posts here on
> > > SWFs as backgrounds, but none of the remedies seem to work. I am using
> > > the static method to place a floating SWF at the top right corner of
> > > my page (works great), but I also want to place a scaling SWF as the
> > > background of the page, behind the content. I can get the background
> > > to scale to full-browser size, but I can't get the HTML/CSS content to
> > > overlay it with a higher z-index.
>
> > > Here is my impotent code:
>
> > > - - -
>
> > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
> > >www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> > > <html xmlns="http://www.w3.org/1999/xhtml"; lang="en" xml:lang="en">
>
> > > <head>
> > > <title>Mount Olympus News</title>
> > > <script type="text/javascript" src="swfobject.js">
> > > </script>
> > > <script type="text/javascript">
> > > swfobject.registerObject("hotNews", "9.0.0", "expressInstall.swf");
> > > swfobject.registerObject("backgroundpattern", "9.0.0",
> > > "expressInstall.swf");
> > > </script>
>
> > > <style type="text/css">
> > > html {
> > > height:100%;
> > > }
>
> > > body {
> > > font-family: georgia, serif;
> > > font-size: small;
> > > margin: 0;
> > > padding: 0;
> > > height:100%;
> > > }
>
> > > #ubercontainer {
> > > position:relative;
> > > z-index:0;
> > > height:100%;
> > > }
>
> > > #container {
> > > height:100%;
> > > width:800px;
> > > position:relative;
> > > margin-left:auto;
> > > margin-right:auto;
> > > background-color:#FFFFFF;
> > > z-index:100;
> > > }
>
> > > #header {
> > > height:150px;
> > > padding:0 25px;
> > > background-color:#B5E2EF;
> > > }
>
> > > #extras {
> > > width:15em;
> > > position:absolute;
> > > top:170px;
> > > left:0
> > > padding-left: 1em;
> > > }
>
> > > #main {
> > > margin-left:17em;
> > > }
>
> > > ul {
> > > padding: 0px;
> > > }
>
> > > li {
> > > list-style: none;
> > > margin: 10px 0;
> > > }
>
> > > #hotNews {
> > > position:absolute;
> > > top:-5px;
> > > right:0px;
> > > }
> > > </style>
>
> > > </head>
>
> > > <body>
> > > <div id="ubercontainer">
> > > <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> > > width="100%" height="100%" id="backgroundpattern">
> > > <param name="movie" value="background.swf" />
> > > <param name="play" value="true" />
> > > <param name="loop" value="true" />
> > > <param name="menu" value="false" />
> > > <param name="quality" value="best" />
> > > <param name="scale" value="exactfit" />
> > > <param name="wmode" value="opaque" />
> > > <!--[if !IE]>-->
> > > <object type="application/x-shockwave-flash" data="background.swf"
> > > width="100%" height="100%">
> > > <param name="play" value="true" />
> > > <param name="loop" value="true" />
> > > <param name="menu" value="false" />
> > > <param name="quality" value="best" />
> > > <param name="scale" value="exactfit" />
> > > <param name="wmode" value="opaque" />
> > > <!--<![endif]-->
> > > <a href="http://www.adobe.com/go/getflashplayer";>
> > > <img src="http://www.adobe.com/images/shared/download_buttons/
> > > get_flash_player.gif" alt="Get Adobe Flash player" /> </a>
> > > <!--[if !IE]>-->
> > > </object>
> > > <!--<![endif]-->
> > > </object>
> > > </div>
> > > <div id="container">
> > > <div id="header">
> > > <h1>Mount Olympus News</h1>
> > > </div>
> > > <div id="main">
> > > <h2>Prometheus Heats Things Up</h2>
> > > <p>Prometheus did not care to live amid the clouds on the mountain
> > > top. He was too busy for that. While the Mighty Folk were spending
> > > their time in idleness, drinking nectar and eating ambrosia, he was
> > > intent upon plans for making the world wiser and better than it had
> > > ever been before. </p>
> > > </div>
> > > <div id="extras">
> > > <h2>Links to Stories</h2>
> > > <ul id="stories">
> > > <li><a href="">Jupiter & His Mighty Company</a></li>
> > > <li><a href="">The Golden Age</a></li>
> > > <li><a href="">The Story of Prometheus</a></li>
> > > </ul>
> > > <h2>News</h2>
> > > <ul>
> > > <li><strong>Pandora opens the box!</strong><br />
> > > Disease and sorrow released to plague mankind for eternity. <a
> > > href="#">More...</a></li>
> > > <li><strong>Welcome to Hellenes.</strong><br />
> > > Son of Prometheus escapes the great flood and creates a new
> > > society from tossed stones. <a href="#">More...</a></li>
> > > <li><strong>A Tangled Web</strong><br />
> > > Arachne loses weave-off; is changed into a spider. <a
> > > href="">More...</a></li>
> > > </ul>
> > > </div>
> > > <div id=hotNews>
> > > <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> > > width="160" height="160" id="hotNews">
> > > <param name="movie" value="ball_burst.swf" />
> > > <param name="play" value="true" />
> > > <param name="loop" value="true" />
> > > <param name="menu" value="false" />
> > > <param name="quality" value="best" />
> > > <param name="scale" value="noscale" />
> > > <param name="wmode" value="transparent" />
> > > <!--[if !IE]>-->
> > > <object type="application/x-shockwave-flash" data="ball_burst.swf"
> > > width="160" height="160">
> > > <param name="play" value="true" />
> > > <param name="loop" value="true" />
> > > <param name="menu" value="false" />
> > > <param name="quality" value="best" />
> > > <param name="scale" value="noscale" />
> > > <param name="wmode" value="transparent" />
> > > <!--<![endif]-->
> > > <a href="http://www.adobe.com/go/getflashplayer";>
> > > <img src="http://www.adobe.com/images/shared/download_buttons/
> > > get_flash_player.gif" alt="Get Adobe Flash player" /> </a>
> > > <!--[if !IE]>-->
> > > </object>
> > > <!--<![endif]-->
> > > </object>
> > > </div>
> > > </div>
> > > </body>
> > > </html>
>
> > > - - -
>
> > > Thanks!
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
