Transparent iFrame on Mac OSX in IE 5.2 Problems [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : Transparent iFrame on Mac OSX in IE 5.2 Problems

hiro

06-15-2005, 09:57 AM

Hello I have read many threads and tried everything everyone suggested but I am still having problems w/IE on the Mac using iFrames.

Here is my page w/the iframe:
http://www.centermix.com/iframe_test/comics_bronze.php

If you view this w/another browser, you will see the main area has spiderman behind it w/white text over it.

Basically, I want to have a fixed website using iframes since I really don't know what else to use, and Flash is not accessible. The middle area is going to have alot of text, so I want it to scroll.

Any ideas how to make that middle transparant and scrollable? It is scrolling now, but the background image is not coming through in IE on the mac.

Here is my code for the Iframe:
<iframe src="news.html" name="mainframe" style="background-image: url(images/bkg_spider.jpg); no repeat" class="text" name="news" width="540" height="580" align="top" scrolling="yes" frameborder="0" allowtransparency="true" background-color="transparent"></iframe>

This is the actual code on the page that I am trying to bring into the page:
(Note is is only at the top in the body and head tags)

<head>
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">

</style>

</head>

<BODY STYLE="background-color: transparent">

Thanks for any help.
Have a good evening.
Linda

Sheila

06-15-2005, 11:31 AM

Have you tried the code from here http://dont-stay.com/herwords/transiframes.php for transparent iframes?

MaGiCSuN

06-15-2005, 03:52 PM

erm i don't know what you want to have transparent
because you have put the background IN the iframe tag. So there's nothing to "transparence" if you know what i mean.

it's a bit confusing.. because in your situation you won't need the transparency code after all ... unless this isn't what you want (what you currently have on your website).

Love,
Mirna

hiro

06-15-2005, 05:14 PM

HI There,
Yea, I put the background in the iframe tag, but it's not showing in IE on the Mac. I want it to show in IE on the Mac as well as on the PC. ANy clues why it doesn't work? I have been wracking my brain all night and still can't get it to work...Thanks!
~linda

hiro

06-15-2005, 05:29 PM

Oh forgot to put in the last post, Yes, I did try that url sample that you mentioned and it didn't work. :( I dont know what the problem is for Mac users Always something! Thanks for your help.

MaGiCSuN

06-15-2005, 06:51 PM

the background should go on the page that opens inside the iframe
not in the iframe tag itself.

<iframe src="news.html" name="mainframe" style="background-image: url(images/bkg_spider.jpg); no repeat"
class="text" name="news" width="540" height="580" align="top" scrolling="yes" frameborder="0" allowtransparency="true"
bgcolor="transparent"></iframe>

should be:

<iframe src="news.html" name="mainframe" class="text" name="news" width="540" height="580" align="top" frameborder="0"></iframe>

and you should delete either name="mainframe" or name="news" since you can't have two names for an iframe. Also class="text" can go away .. since i thas no use... you have to specify anything for the pages that loads inside the iframe on the pages itself, not in the iframe tag.

then you have to delete any transparency coding on the pages tha topen inside the iframe, since they are not needed. Instead you put the spiderman background in it ...

Love,
Mirna