devWEB
08-13-2007, 07:13 AM
Hi,
I've been searching for a solution to basically show only a portion of content from an iframe from an external domain. The div I'm interested in is on a blank page but is placed left: 200; top: 100; and it's 200x100. Very straightforward (it's a search window that the client subscribes to for searches). Yes, I could ask them to move it, but think I'm missing some straightforward way I can do this.
I tried using css to absolutely position the iframe using absolute position/zindex to attempt to show only the portion of the external page I want to view - works fine in FF. IE7 just overlays the iframe over my content (oh, something works fine in FF and not IE?!). I can post the snippet, but the gist is I have a div position:relative; z-index:10 with an iframe inside who is position:absolute; z-index:1; Tried various options: clip w/ overflow hidden, huge z-index.... IE doesn't seem to see the overlay thing I want going on!
I've also tried javascript, but can't change any of the DOM of the IFRAME because it's in a different domain than my web page (even briefly looked at ajax because sometimes the iframe takes a bit to load - same security issues).
I've done alot of searching - can't seem to see anything relavent to this that I haven't tried. Thanks a million in advance!
I've been searching for a solution to basically show only a portion of content from an iframe from an external domain. The div I'm interested in is on a blank page but is placed left: 200; top: 100; and it's 200x100. Very straightforward (it's a search window that the client subscribes to for searches). Yes, I could ask them to move it, but think I'm missing some straightforward way I can do this.
I tried using css to absolutely position the iframe using absolute position/zindex to attempt to show only the portion of the external page I want to view - works fine in FF. IE7 just overlays the iframe over my content (oh, something works fine in FF and not IE?!). I can post the snippet, but the gist is I have a div position:relative; z-index:10 with an iframe inside who is position:absolute; z-index:1; Tried various options: clip w/ overflow hidden, huge z-index.... IE doesn't seem to see the overlay thing I want going on!
I've also tried javascript, but can't change any of the DOM of the IFRAME because it's in a different domain than my web page (even briefly looked at ajax because sometimes the iframe takes a bit to load - same security issues).
I've done alot of searching - can't seem to see anything relavent to this that I haven't tried. Thanks a million in advance!