IFRAME silliness

• IFRAME with transparency=true attribute working fine in Opera/FF3/Chrome/Safari but shows as WHITE rectangle in IE7/8

• LINK2 does not replace LINK1 (or vice-versa) in IFRAME when viewed with OPERA or FF3.

Online Example

I'm not sure I'm following but clicking LINK1 in both IE7 and FF3 bring up Xara and LINK2 brings up the intro site. There is a large white rectangle when viewing in IE7 though.

Code:

---

allowtransparency="true"

---

must be inside the iframe tag

Code:

---

<style type="text/css">
body{
background-color:transparent;}
</style>

---

Must be inside the headtag off the page you want to load inside the iframe

This works in all browsers test here for only 24hrs then i'll remove the link


**NOTE:This can only be in the pages you control,as you cannot assign this to pages from somebody else.

Hans

As per the NickyDude's observation, in my IE7 I see the white shape and Link one & two seem to load properly.

Sorry I thought I was being clear. Let me try putting it another way. :)

Hans: the attribute transparency=true IS inside the <iframe tag. Check the source.
The attribute is not intended to control remote page background.
The attribute allows the host page background to show when no iframe content is loaded. Please re check the Online Example, as I've now added a bitmap background to illustrate this. Again, the remote page (those loaded INTO the iframe) background isn't the point, it's that IE ignores it and draws a WHITE background.

Andrew and Ross:
White rectangle showing in IE7 or 8 IS the problem. Other browsers show the page background because the iframe has that transparency=true attribute applied.

Yes I know that IE7 or 8 does show both links (one replaces the other). IE isn't the problem with iframe links.
What I said was that LINK1 and LINK2 do not replace each other the iframe content when viewed with OPERA or FF3.
You can load either LINK1 or LINK2, but after this, the other link won't replace the content.

Steve, the "window" is not the best name for an element. Change it to something more unique and your links will start working in FF and Opera.

Really? Hmm... OK, let me try..

Quote:

---

You can load either LINK1 or LINK2, but after this, the other link won't replace the content.

---

I agree with the white rectangle.

But with the LINKS. I click LINK1 and the Xara site shows, LINK2 and the intro site shows, click LINK1 again and the Xara site shows again, click LINK2 and the intro site shows, and so on. Are you saying if you click on of the links the other won't work? as I can click either links backwards and forwards repeatedly and they work perfectly in FF3.

Bingo!!
John that's just crazy... Anyway, that fixed it.

What other names would cause a similar problem?


Andrew:

Quote:

---

Are you saying if you click on of the links the other won't work?

---

Yes that is exactly what I am saying.
Not in my FF3.0.7 or Opera 9.64 :(

Though John has solved that oddball.. Thanks John

Worked ok for me but glad you have it fixed for you. :)

Steve,

Still don't understand what it is you want to explain here?
From what i've learned,the allowtransparency doesn't apply if the page that is loaded into the iframe has color applied
It must set to transparent through the bodytag or by adding css style for the body or leaving out color in the body tag.
Thus you cannot make this happen in xwd as you cannot approach the headtag.

for the links it doesn't work in Opera but does in IE 6,7,8,Safari4,Chrome and FF3

you forgot to give the iframe a name and id must be the same,
different browser use different approaches to call an iframe
by name or by id,use both for the iframe.

it must look like something this;

Code:

---

<iframe name="InlineFrame1" id="InlineFrame1"
 style="position:absolute;left:178px;top:111px;width:444px;height:377px;
z-index:1;" src="./blanko.html" scrolling="no" frameborder="0"
 allowtransparency="true">Your browser does not support inline frames
 or is currently configured not to display inline frames.</iframe>

---

Hans

Quote:

---

Originally Posted by haakoo

you forgot to give the iframe a name,itmust look like this;

---

Hmm Hans, we're on different worlds I think.
There IS a name attribute. And the name I'd used was the problem as explained by John.
I'd given the iframe the name of 'window' and this causes some sort of conflict with Opera and FF3.
I since renamed the name attribute, and all is well.

As for transparent iframe background, have a look, it works 'as I intended'.
I never said I wanted the remote sites background to be transparent.
But watch out, once I need something fancier and better coded, I'm going to be asking for your help ;)

Anyway, thanks Andrew, Hans and Ross for helping this thread come to a conclusion.

Kudos to John...

The note about the pages you control was there for everybody.

Still the Iframe is white in IE, 6,7,8
Thought you wanted it to be transparent too,
But OK,this thread should be very useful for the rest of the members

Hans

Quote:

---

Originally Posted by sledger

What other names would cause a similar problem?

---

I don't know. But I would suggest to always use unique identifiers. For example, add prefix "my" or "my_" to all your names.