SWFObject and positioning

Question

How can I specifically position the flash element embeded using SWFObject please? Moving it's container DIV around with absolute positioning and top and bottom set doesn't seem to work.

Thank you.

Answer 1

I'd vote up or comment on stealthyninja's response, but I can't because I don't have enough rep. But yeah, you have to add another div around the "flash-to-be-replaced" div because SWFObject changes that div to an object tag or something else that CSS can't do anything about.

Answer 2

@Francisc: Try --

<div id="container-div-with-the-positioning-rules">
     <div id="flash-to-be-replaced">
         Your alternate content if the user doesn't have Flash installed
     </div>
</div>

Please note, this might not be the most elegant solution since it's adding an additional <div>, but having had the same problem before, this is basically how I solved it. It might give you something to build on or perhaps some of the other participants on here will have better solutions.