# Trouble positioning a Flash movie using CSS

**URL:** https://forum.kirupa.com/t/trouble-positioning-a-flash-movie-using-css/165913
**Category:** Uncategorized
**Created:** [October 15, 2005, 12:17am UTC](https://forum.kirupa.com/t/trouble-positioning-a-flash-movie-using-css/165913 "2005-10-15T00:17:36Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![samsoner](https://avatars.discourse-cdn.com/v4/letter/s/7cd45c/32.png) [@samsoner](https://forum.kirupa.com/u/samsoner)
#### Post date: [October 15, 2005, 12:17am UTC](https://forum.kirupa.com/t/trouble-positioning-a-flash-movie-using-css/165913/1 "2005-10-15T00:17:36Z")

</div>

Hi, I created my first website using primarily DIVS and it seems to be working pretty well. I tested it on a 15" monitor and it still looks great. However, when I applied absolute positioning to text, and then to a Flash movie that is supposed to hover over the HTML, both text and movie were jumped to the side when viewed on a 15" 800x600 screen. Just to give you an idea of what I’m talking about, here’s the stylesheet code:

#flash {  
position: absolute;  
top: 24px;  
left: 622px;  
}

The DIV of #flash, highlighted in red, which contains the \<object\>\</object\> script of the flash movie is placed all the way down at the bottom, because when I try to place the DIV near the title/logo area (which has its own DIV) it messes the entire layout up.

CSS HTML code:  
\<body background=“background2.gif” leftMargin=0 topMargin=0 rightMargin=0 marginwidth=“0”  
marginheight=“0”\>  
\<DIV id=layoutborder\>  
\<DIV id=titlecontainer\>\<img src=“titlebar.gif” border=“0” width=“761” height=“62”\>\</div\>  
\<div id=seperation\>\<img src=“seperationbar.gif” border=“0” width=“761” height=“17”\>\</div\>  
\<DIV id=rightbiocontent\>  
\<P\>  
\<img src=“azname.gif” width=“576” height=“28” border=“0”\>  
\<P\>  
\<IMG src=“bioheaderback.gif” WIDTH=“576” HEIGHT=“183” style=“z-index: 1”\>  
\<DIV id=text style=“z-index: 2”\>  
\<P\>&nbsp;\</P\>  
PARAGRAPH TEXT GOES HERE\</p\>\</div\>  
\</DIV\>  
\<DIV id=leftmediacol\>\<img src=“azmpic.jpg” border=“0” width=“184” height=“210”\>\</div\>  
\<br\>  
[color=red] **\<div id=“flash”\>\<object classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000” codebase="** [/color][[color=red] **http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0** [/color]](http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0)[color=red]**" width=“349” height=“40” id=“buttons” align=“middle”\>  
\<param name=“allowScriptAccess” value=“sameDomain” /\>  
\<param name=“movie” value=“buttons.swf” /\>  
\<param name=“quality” value=“high” /\>  
\<param name=“wmode” value=“transparent” /\>  
\<param name=“bgcolor” value="#ffffff" /\>  
\<embed src=“buttons.swf” quality=“high” wmode=“transparent” bgcolor="#ffffff" width=“349” height=“40” name=“buttons” align=“middle” allowScriptAccess=“sameDomain” type=“application/x-shockwave-flash” pluginspage="**[/color][[color=red]**http://www.macromedia.com/go/getflashplayer**[/color]](http://www.macromedia.com/go/getflashplayer)[color=red]**" /\>  
\</object\>\</div\>**[/color]  
\</DIV\>

\</body\>

Thanks
