Absolutely. http://byu.brentbarson.com/swfobject_test/
direct link to CSS: http://byu.brentbarson.com/swfobject_test/olympus_style.css Thanks. On Nov 5, 7:02 am, "Getify Solutions, Inc." <[EMAIL PROTECTED]> wrote: > 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 -~----------~----~----~----~------~----~------~--~---
