CSS Absolute Positioning differs greatly in Opera

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View

Hi all.
Kinda-sorta nubie dude here.
I took all of your advice and am working dilligently on learning html
and css.
It's going along quite nicely.

Here's my current problem.
I have an flash animation object that I place in my html page and
positioned using css.
It is right where it's supposed to be using IE, Netscape and FF, but
appears in the upper left corner of the window in Opera.

Here's my css statement
object.flashmenu {position: absolute; top: 115px; left: 220px;}

The html statement is


codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,22,0 "
  width="300" height="50"
Quoted text here. Click to load it
  <param name="movie" value="MickMenu1.swf">
  <param name="bgcolor" value="#555555">
  <param name="quality" value="high">
  <param name="allowscriptaccess" value="samedomain">
    pluginspage="http://www.macromedia.com/go/getflashplayer "
    width="300" height="50"

Unfortunately this is a site in the works and is on a local machine and
I can't post it.

Any ideas?

Thanks again.

Re: CSS Absolute Positioning differs greatly in Opera

Quoted text here. Click to load it

Which version of Opera? 8.54 or 9.0b?

Quoted text here. Click to load it

Code snipped a little for clarity.

When Opera shows you the Flash movie it isn't showing you the <object>
it's showing you the <embed>. That's because the <object> is written
in such a way that only IE can use it.

But this shouldn't matter as the embed is a child of the object and
should be positioned accordingly. After all Firefox is in the same
position and gets it right. But almost every browser does something
screwy somewhere along the line with included media. Still, nothing to
stop you reporting it as a bug to Opera because if it isn't already
fixed in 9.0b they will probably want to get a fix in if possible.

As an experiment try writing the object like this:
<object class="flashmenu" data="MickMenu1.swf"
which should allow Opera and Firfox to use the object rather than the
embed and see if Opera positions it correctly then. If not then it's
an even bigger bug...

One possible solution may be to wrap the object inside a div and
position the div instead.

"My theories appal you, my heresies outrage you,
 I never answer letters and you don't like my tie."  - The Doctor

Re: CSS Absolute Positioning differs greatly in Opera

Steve Pugh wrote:
Quoted text here. Click to load it

Thanks much.
That fixed the problem.
Wish I'd have thought of that myself.


Site Timeline