gettica
asked on
Embed flash swf in DIV under other DIVs
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;
}
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;
}
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
You're welcome!
ASKER
AHHHH!
Classic case of not checking Netscape!!!!!!!! The transparency doesn't help with Netscape!!!!!
Classic case of not checking Netscape!!!!!!!! The transparency doesn't help with Netscape!!!!!
It should work if plugin and netscape is greater then 6..
ASKER
I just tried it with Netscape 7.1 and only the swf shows up!
www.caitmorris.com/coventry.php
www.caitmorris.com/coventry.php
ASKER
They don't call you guy "experts" for nothing!
THANK YOU! You saved me hours of banging my head against my monitor.