I designed my site and it's drop-down menus in IE6
having looked at my website (to check for this very problem) on the older computers at school i see that versions of ie around 5 draw my site with the iframes above everything else
for one, i have an anoying script that makes the word "ha" pop up everywhere....they are not appearing above the iframes thoug (some times i can see them half-under...that's how i know the iframes are above the has)
the other thing that is hiding below the iframes is my drop - down menu...they are all hidden under the iframes except for those 1 or 2 pixels that make up the border between two iframes
i fear that iframes are simply rendered last and that i cannot do anything with z-index
the reason i posted this in the css forum is because it has somethign to do with layers and the things that are being hidden behind the iframes are positioned with css
~JohnThere is a workaround for this, I believe. Khalid did this for Mili once, but it was for a SELECT menu, not an IFrame... We can try, though. Here is the link <!-- m --><a class="postlink" href="http://68.145.35.86/skills/javascripts/CSSMenuSelectBoxWorkAround.html">http://68.145.35.86/skills/javascripts/ ... round.html</a><!-- m --> and here is the page that he posted in: <!-- m --><a class="postlink" href="http://forums.webdeveloper.com/showthread.php?s=&threadid=8252">http://forums.webdeveloper.com/showthre ... eadid=8252</a><!-- m -->.
Jonaafter a few seconds of looking over the "solution" code it seems that the select box is simply set to "hidden"
this is unacceptable in my case because the iframe that is bothering me is the content one, and would not simply fit underneath the pop-up and look ok "hidden"
thats interesting how the select boxes are rendered on top of everything......i notice that that happens in normal windows applications...if you can get into the situation where the select box is in the same position as something else, it appears above it......
~JohnHmmm... Stragnay I must say. Could you possibly post a link to the page?
Jonayeah sure...you've been here already but probably not since i added the menu:
<!-- m --><a class="postlink" href="http://www14.brinkster.com/drakejActually">http://www14.brinkster.com/drakejActually</a><!-- m --> I've never been to your site. It works in IE6, so it's just an IE5 thing... There must be a workaround... I just don't know what it is...
JonaThe workaround is plain and simple: do not use Iframe, there is no need for it in this layout.Instead of using an iframe, try using a DIV, and then setting its width and height in CSS, and also alter the overflow property:
In HTML:
<div id="mainContent">
blah blah blah
</div>
In your style sheet:
#mainContent {
width: 600px;
height: 500px;
overflow: auto; /* you may want to use scroll instead */
}
Then any absolutely positioned elements on your page should float over your main content, but still enable you to have it scroll like an iframe.
It seems like IE5 is treating an iframe like a regular frame, in that content within the iframe can only exist within the bounds of the iframe, and nothing in the iframe's parent frame can overlap the iframe.
Though I do have to agree with Vladdy, you don't need an iframe. The browser already has one set of scroll bars so why not use them instead of creating a second set with the iframe?I'm pretty much finished all aspects of my website though..except for content that will change with time so it would be hard for me to go and add all the layout crap to each content page......like the links etc.
i like the iframes there and i guess its ok for now because i added the menus simply to make everything easier...the site works 100% fine without them...my site's been up for at least 3 months now and my freinds have had no problems so far...notice how you can click on the link itself and you are given a page that has the same stuff as the pop-down menu?
the menus are also almost entirely invisible to older users but can only help newer users so i'll just keep them and not worry too much
if it does start to worry me, though, i could make the menus pop down rather than over...but then there's some problems about getting to the next link etc.......whatever...
~John
having looked at my website (to check for this very problem) on the older computers at school i see that versions of ie around 5 draw my site with the iframes above everything else
for one, i have an anoying script that makes the word "ha" pop up everywhere....they are not appearing above the iframes thoug (some times i can see them half-under...that's how i know the iframes are above the has)
the other thing that is hiding below the iframes is my drop - down menu...they are all hidden under the iframes except for those 1 or 2 pixels that make up the border between two iframes
i fear that iframes are simply rendered last and that i cannot do anything with z-index
the reason i posted this in the css forum is because it has somethign to do with layers and the things that are being hidden behind the iframes are positioned with css
~JohnThere is a workaround for this, I believe. Khalid did this for Mili once, but it was for a SELECT menu, not an IFrame... We can try, though. Here is the link <!-- m --><a class="postlink" href="http://68.145.35.86/skills/javascripts/CSSMenuSelectBoxWorkAround.html">http://68.145.35.86/skills/javascripts/ ... round.html</a><!-- m --> and here is the page that he posted in: <!-- m --><a class="postlink" href="http://forums.webdeveloper.com/showthread.php?s=&threadid=8252">http://forums.webdeveloper.com/showthre ... eadid=8252</a><!-- m -->.
Jonaafter a few seconds of looking over the "solution" code it seems that the select box is simply set to "hidden"
this is unacceptable in my case because the iframe that is bothering me is the content one, and would not simply fit underneath the pop-up and look ok "hidden"
thats interesting how the select boxes are rendered on top of everything......i notice that that happens in normal windows applications...if you can get into the situation where the select box is in the same position as something else, it appears above it......
~JohnHmmm... Stragnay I must say. Could you possibly post a link to the page?
Jonayeah sure...you've been here already but probably not since i added the menu:
<!-- m --><a class="postlink" href="http://www14.brinkster.com/drakejActually">http://www14.brinkster.com/drakejActually</a><!-- m --> I've never been to your site. It works in IE6, so it's just an IE5 thing... There must be a workaround... I just don't know what it is...
JonaThe workaround is plain and simple: do not use Iframe, there is no need for it in this layout.Instead of using an iframe, try using a DIV, and then setting its width and height in CSS, and also alter the overflow property:
In HTML:
<div id="mainContent">
blah blah blah
</div>
In your style sheet:
#mainContent {
width: 600px;
height: 500px;
overflow: auto; /* you may want to use scroll instead */
}
Then any absolutely positioned elements on your page should float over your main content, but still enable you to have it scroll like an iframe.
It seems like IE5 is treating an iframe like a regular frame, in that content within the iframe can only exist within the bounds of the iframe, and nothing in the iframe's parent frame can overlap the iframe.
Though I do have to agree with Vladdy, you don't need an iframe. The browser already has one set of scroll bars so why not use them instead of creating a second set with the iframe?I'm pretty much finished all aspects of my website though..except for content that will change with time so it would be hard for me to go and add all the layout crap to each content page......like the links etc.
i like the iframes there and i guess its ok for now because i added the menus simply to make everything easier...the site works 100% fine without them...my site's been up for at least 3 months now and my freinds have had no problems so far...notice how you can click on the link itself and you are given a page that has the same stuff as the pop-down menu?
the menus are also almost entirely invisible to older users but can only help newer users so i'll just keep them and not worry too much
if it does start to worry me, though, i could make the menus pop down rather than over...but then there's some problems about getting to the next link etc.......whatever...
~John