On 07/25/2013 05:25 AM, Neumann, Tom wrote:
Hi everyone,
I've got a problem with my main page. I embedded 3 iFrames with a z-index of 2 and 3. In the Firefox Browser everything is working perfectly, but the Internet Explorer (9) is displaying the iFrames on top of the menu points...
This is not a CSS problem, but a limitation of Internet Explorer, which puts the iframes as completely separate objects drawn on top of the background document. No amount of CSS can fix that, since any element on the container element will be displayed under the overlayed iframes.
Here is a piece of code from the menu I am using:
{{menu type="vertical" position="left" id="Navigation links"}}
{{html}} <span style="font-weight:bolder;font-size:125%">Navigation</span> {{/html}}
* [[Navigation 1>>Main.Navigation1]] ** [[News>>Navigation1.News]] ** (...)
And here is the code for my iFrames:
<div style="position:absolute; top:250px; left:230px; z-index:3;"> <iframe src=" index.html" width="575" height="800" scrolling="no" frameborder="0"></iframe> </div> <div style="position:absolute; top:230px; right:260px; z-index:2;" id="container"> <iframe src=" index2.html" width="500" height="280" scrolling="no" frameborder="0"></iframe> </div> <div style="position:absolute; top:550px; right:250px; z-index:2;" id="accordion"> <iframe src="index3.html" width="650" height="400" scrolling="no" frameborder="0"></iframe> </div>
In the colibri.css in the xwiki directory I saw, that the z-index for the menu is =1000...
Where is the problem for Internet Explorer to display the menu points ontop of the iFrames? And also: Why does the Internet Explorer put the Navigation points 1cm downwards and displays an empty Navigation point???
Regards, Tom Neumann
-- Sergiu Dumitriu http://purl.org/net/sergiu