25 Jul
2013
25 Jul
'13
8:50 p.m.
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