How to fix the position of a video object

[harbour]

I’m experimenting with positioning a video on a WordPress page but can’t figure out how to set the absolute left value properly. When the browser page is expanded or contracted the position of the video is changed.

If you look at http://pleinairestrategies.com/coaching/ you’ll notice that as you change the browser window size, the video changes it’s position on the screen.

On my html page all works correctly but doesn’t do it on WordPress when I set the div in the following way…
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 260px;
top: 172px;
}

How would I get the video to always be in a fixed position on the screen regardless of how wide the browser window is adjusted? I imagine I need to set the div inheritance to the page wrap div but as a novice, I really am out of my depth.

Thanks for any guidance…. dave

[harbour]

I played with Firebug and found a solution

[Author]

Posts