css / iframe help

[tgallagher26]

Ok so here is the story.

I am playing around with a proxy.

I want to add a panic mode to provide a quick coverup of the actual site you are viewing.

Now what I have come up with is using an IFRAME.

It works on most sites but on some like facebook not everything gets covered.

Here is a link to facebook through my proxy. Click Panic Mode on to see.

If any one can help I would appreciate it.

[carbonize]

Try setting a z-index for the iframe. The problem you are getting from Facebook is because of

#menubar_container{display:block;padding:0;margin:0;background-color:#3b5998;position:relative;z-index:100}

[tgallagher26]

Thanks for the tip Carbonize.
+rep for the help.

[tgallagher26]

Carbonize do you happen to know the IE fix for Z-Index?

Here is the code I am using.

Style:

Code:

#hideshow {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -100px;
    left: -100px;
}
.popup_block {
  margin: 0 auto;
    background: #FFF;
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 38px;
    left: 0;
    z-index: 300000;
}
.popup_block .popup {
  padding: 5px;
    bottom: 0px;
    width: 100%;
    background: #fff;
    height: 99%;
    z-index: 300000;
}

Code:

Code:

<div id="hideshow" style="visibility:hidden;">
<div class="popup_block">
        <div class="popup">
     <iframe src="http://en.wikipedia.org/wiki/Portal:Current_events" width="100%" height="800" style="background: #fff; margin-top: 38px;" scrolling="auto" frameborder="0" ></iframe>
        </div>
    </div>
</div>

[carbonize]

The IE issue might be because of the size of the z-index you have set. Try something like 30000 instead of 300000.

[deathshadow]

The elements most likely failing to be hidden in your iFrame would be object embeds - specifically flash content. This is a well known problem and just another of the reasons the use of framesets is generally frowned upon in the first place. Depth sorting stuff from the host page over an iframe is more myth than fact - sorry to say it, but get used to it.

There are tricks (all of which are invalid markup) involving tricking things with unclosed form elements or table elements outside of tables - but it's been six or seven years since I last saw anyone actually try any of that.

[adam]

Maybe I'm missing out on something but what does sticking an iframe over another frame have to do with a "panic mode"? What's that supposed to acheive?

[deathshadow]

(Jan-28-2010 12:32 PM)adam Wrote:  Maybe I'm missing out on something but what does sticking an iframe over another frame have to do with a "panic mode"? What's that supposed to acheive?

Good question as well... Notice though he said a 'proxy' - he's probably displaying another page in an IFRAME, then trying to hide that child IFRAME for the 'boss mode' by moving another element over it - which in my mind is approaching the problem BACKWARDS.

Which is why if I were to implement such a thing, I'd set the offending elements you want to 'hide' to 'display:none' leaving the element you want displayed instead BEHIND the iframe instead of trying to move it atop it.

Yeah, that would work... position the 'panic/boss' mode page BEHIND the iFrame, then to show it instead of the frame content just set the iframe to display:none;

End of problem. Something doesn't work one way, reverse the logic.

[adam]

Ahh I see, cover up job! I was thinking more along the lines of security..I guess job security could count? lol

[deathshadow]

(Jan-28-2010 01:10 PM)adam Wrote:  Ahh I see, cover up job! I was thinking more along the lines of security..I guess job security could count? lol

Only reason I knew what he was aiming for was all the old DOS Sierra games had a 'boss key' built in that displayed a screencap from a generic 'spreadsheet type' application. (though it was not very convincing at 320x200)