Can you send us a link? --Kyle
-------------------------------------------------- From: "Turkeypants" <[EMAIL PROTECTED]> Sent: Tuesday, November 04, 2008 9:58 PM To: "SWFObject" <[email protected]> Subject: Re: Scaling SWF background with XHTML/CSS page > > 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 -~----------~----~----~----~------~----~------~--~---
