?
Solved

Embed flash swf in DIV under other DIVs

Posted on 2005-05-05
6
Medium Priority
?
616 Views
Last Modified: 2008-02-01
Hi--
I have a php/mysql site that I'm currently working on.  
I've set up the format (temporarily posted at http://www.caitmorris.com/testformat.php) with a "container" div which contains other "content" divs (labeled as left menu, content, bottom menu, photo, etc).  I want to put a swf behind the content divs as a background, but it insists on displaying over everything.  

Suggestions?

CSS code follows:
/* CSS Document */
body{
      background-color: #000000;
      margin-left: 0px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      font-family: CopperplateTBol;
    src: url(COPPERP0.eot);
      color: #FFFFFF;
      text-decoration: none;
      text-align: center;
}
td {
      vertical-align: middle;
      text-align: center;
}
div.container {
      position: relative;
      margin: 0 auto;
      width: 800px;
      height: 660px;
      top: 0 px;
      text-align: center;
      }
div.top {
      position: absolute;
      margin: 0px;
      top: 0px;
      left: 25px;
      width: 750px;
      height: 167px;
      font-size: 14px;
      text-align: center;
}
div.left {
      position: absolute;
      top: 175px;
      left: 25px;
      width: 170px;
      height: 257px;
      font-size: 12px;
}
div.main {
      position: absolute;
      top: 174px;
      left: 195px;
      width: 582px;
      height: 430px;
      font-size: 11px;
}
div.bottom {
      position: absolute;
      top: 608px;
      left: 28px;
      width: 749px;
      height: 26px;
      font-size: 13px;
      text-align: center;
      }
div.photo {
      position: absolute;
      top: 433px;
      left: 25px;
      width: 170px;
      height: 171px;
}
a:link {
      color: #FFFFFF;
      text-decoration: none;
      }
a:visited {
      color: #999999;
      text-decoration: none;
      }
a:hover, a:active {
      color: #ECECEC;
      text-decoration: underline;
}
0
Comment
Question by:gettica
  • 3
  • 3
6 Comments
 
LVL 27

Accepted Solution

by:
negatyve earned 2000 total points
ID: 13937695
Try setting the movie background as transparent: http://www.macromedia.com/cfusion/knowledgebase/index.cfm?id=tn_14201
0
 

Author Comment

by:gettica
ID: 13937749
Jeez--
They don't call you guy "experts" for nothing!  
THANK YOU!  You saved me hours of banging my head against my monitor.  
0
 
LVL 27

Expert Comment

by:negatyve
ID: 13938867
You're welcome!
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:gettica
ID: 13939824
AHHHH!  
Classic case of not checking Netscape!!!!!!!!  The transparency doesn't help with Netscape!!!!!
0
 
LVL 27

Expert Comment

by:negatyve
ID: 13939960
It should work if plugin and netscape is greater then 6..
0
 

Author Comment

by:gettica
ID: 13940157
I just tried it with Netscape 7.1 and only the swf shows up!
www.caitmorris.com/coventry.php
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is intended to introduce all collision detection principles in flash, their strengths, weaknesses and workarounds. The main method for Collision Detection in flash is using hitTestObject. But unless you'll be pushing rectangular shapes without …
I have been doing hardcore actionscripting for some time; and needless to say I have faced a lot of problems in just understanding others' code rather than understanding what the code executes. A programmer's life can become hell when there are a lo…
In this tutorial viewers will learn how to create a basic shape tween animation in Flash including shape hints for smooth animation Open a new document in Flash: Draw a shape: Select another frame (how long you want the tween to be): Right click and…
The goal of the tutorial is to teach the user how to select which audio input to use. Once you have an audio input plugged into the laptop or computer, you will go into the audio input settings and choose which audio input you want to use.
Suggested Courses
Course of the Month14 days, 12 hours left to enroll

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question