Hey guys & girls,
I have a small problem here. I'm building this HTML website with css and I can't seem to place this flash header I have in place.
What I mean is, I can place the flash header where I want it to be but when minimized it moves. I spent some time trying to figure this out and I know it has to be A) a silly mistake somewhere I made or
complex.
Here is my coding so far:
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Calyx Creative </title>
<link rel="stylesheet" type="text/css" href="global.css" media="screen" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div id="wrapper">
<div class="header_left">
</div><!-- header_left-->
<div class="header_right">
<div id="slideshow">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','447','height','309','title','calyx intro','src','intro','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','intro' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="447" height="309" title="calyx intro">
<param name="movie" value="intro.swf" />
<param name="quality" value="high" />
<embed src="intro.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="474" height="346"></embed>
</object></noscript>
<img src="intro.swf" width="474" height="346" /> </div>
<!--/slideshow-->
</div>
<!-- header_right--->
<div id="content">
fffffff
</div><!-- content-->
<div id="footer">
<div class="footer_wrap_inner">
<p id="links">Home</p>
<p id="cont"> contact</p>
<p id="copyright">Copyright © 2008 Calyx Creative, all rights reserved</p>
</div><!--footer_wrap_inner-->
</div><!--footer-->
</div><!-- wrapper-->
</body>
</html>
here is my css code:
CODE
@charset "utf-8";
/* CSS Document */
body, html{
background-color: #13161b;
background-image: url(paper_banner.jpg);
background-position: center top;
background-repeat: no-repeat;
width: 100%;
height: 100%;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
color: #808181;
}
.header_left{
width: 425px;
height: 380px;
float: left;
margin-top: 120px;
}
.header_right{
width: 540px;
height: 500px;
float: left;
}
#slideshow {
position:absolute;
width: 474px;
height: 346px;
/* margin-top:105px;
margin-left:405px;
overflow:hidden;*/
}
#content{
width: 975px;
height: 370px;
text-align: left;
margin-left: auto;
margin-right: auto;
clear: both;
border:dotted 2px;
}
#footer{
width: 100%;
height: auto;
text-align: left;
clear: both;
background-image: url(bgndrpt_lines.png);
background-position: left top;
background-repeat: repeat-x;
}
.footer_wrap_inner{
width: 975px;
height: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
padding-top: 30px;
}
If anyone has any ideas please let me know. Remember the it's a flash file in .swf that keeps moving. Basically I want it at the top right of my wrapper but when minimized it moves to center or a bit left.
Thanks
~ Matt.
| 