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...
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