Comments
6 CommentsHi,
I am having problems displaying my website over the IE.
Right now I am using the multibox (phatfusion/Javascript) to display my works.
Basically the SWF overlays the cointainer from the multibox on IE. I was able to fix this problem in the Mozilla changing the css from postion: absolute; to position: fixed;
.MultiBoxContainer {
position: fixed;
border: 20px solid #000;
background-color: #FFF;
display: none;
z-index: 2;
}
To understand better what I mean you can try to display the website in IE and Mozilla.
http://www.diegooriani.com/test_doc.htm
Someone told me that IE doesn't support position: fixed; but if I take this out I will have the same problem on Mozilla as well.
Cheers,
Diego
Mike
Written Feb. 21, 2008 / Report /
Everything works and looks great for me in Safari Diego, just throwing that out there.
trevorlee_nc
Written Feb. 21, 2008 / Report /
I ran into something "similar" not too long ago...maybe poking around my stuff can help, but if I recall I had to do some playing with z-index's and wmode opaque on the swf object...doesn't work in IE6 though
here is the site I'm talking about: http://www.amjam.net/
trevorlee_nc
Written Feb. 21, 2008 / Report /
I think this was the winning ticket:
<param name="wmode" value="opaque" />
diegooriani
Written Feb. 22, 2008 / Report /
Ohhhhh sweet. That was a goal!
Thank you trevorlee_nc, you saved me a hell lot of time. Now I can focusses in the animations :D
diegooriani
Written Jun. 28, 2008 / Report /
Guys, you will not believe. Now I am having the same problem I had in the IE on Firefox 3. The worst is that the tag
<param name="wmode" value="opaque" />is not working for it.Check this out.
Griffith
Written Nov. 18, 2008 / Report /
I did a few things to fix it:
In the object tag add inline css or a class/id with the following definitions:
position:absolute;z-index:0;
And in the embed tag add the wmode="opaque" code:
<embed height="269" width="770" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" src="swf/header.swf" wmode="opaque" />That fixed the problem on my browser.
You should change the code on your lightbox though, because when the window isn't high enough you can't see the close button. This is specially noticeable in laptops. Oh, and adding a z-index:10 or so on it wouldn't do any harm...