transparency in Iframe content page

#1

hello, i've successfully put an Iframe into a page...but want the page
background to show through. in this tutorial it 'sort of' explains how to do
this: http://www.samisite.com/moreiframes/sample2.htm but i've put the codes in
and it's not working. not sure what i'm doing wrong. any ideas? my Iframe page
is at: http://www.lindsayzir.com/test.html and the content page is at:
http://www.lindsayzir.com/bio.html and i put the code in the top of this page
that is supposed to make it transparent, which is: <style type='text/css'> body
{background-color: transparent} </style> and also attached a style sheet that
should possibly make it transparent. hmmm...what am i doing wrong? thanks in
advance!

#2

ciecierega,

On your iframe tag change this: ( allowautotransparency=true ) to (
allowTransparency=true )

--
Regards,
...Trent Pastrana
www.fourlevel.com

-----------------------------

"ciecierega" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:

hello, i've successfully put an Iframe into a page...but want the page
background to show through. in this tutorial it 'sort of' explains how to
do
this: http://www.samisite.com/moreiframes/sample2.htm but i've put the
codes in
and it's not working. not sure what i'm doing wrong. any ideas? my Iframe
page
is at: http://www.lindsayzir.com/test.html and the content page is at:
http://www.lindsayzir.com/bio.html and i put the code in the top of this
page
that is supposed to make it transparent, which is: <style type='text/css'
body
{background-color: transparent} </style> and also attached a style sheet
that
should possibly make it transparent. hmmm...what am i doing wrong? thanks
in
advance!

#3

hey, thanks for the input trent, but that's not it. i know it has to be
something easy...i also tried putting quotes around 'true' but that didn't do
the trick either. and seems a few other posters on this forum have had the same
question...i'll continue to try to figure this out and post the answer when i
do!

#4

Your 'image' is not the background. The background is white and that is what's coming through. You should try setting the background of that cell as your image.

#5

hey!

I have got the same problem, I'm searchin too for a solution for a transparent frame, so I would appreciate a suitable solution.

greets

#6

http://www.southerntwilight.com/tutorials/transparentiframe.html

Joost kolkman

chr!z wrote:

Quote:

hey!

I have got the same problem, I'm searchin too for a solution for a transparent frame, so I would appreciate a suitable solution.

greets

#7

okay....i think that i understand now...i asked the person who wrote the
tutorial at samsite.com ans she was nice enough to explain it more to me. for
me, i didn't realize that the transparence was working but what determines what
shows through is the background color or image of what the table is set to. i
haven't tested it yet, but i think the solution would be to make an image
that's the same size as the table as the source to show through. anyway, here's
her reply: As noted on my sample page:
http://www.samisite.com/moreiframes/sample2.htm Iframe Transparency requires
two parts to the code. 1) In the iframe code add ALLOWTRANSPARENCY=TRUE
your iframe page has this code: <iframe name='FRAMENAME'
src='http://www.lindsayzir.com/bio.html' width='667' height='371'
frameborder='0' scrolling='yes' allowTransparency='true'> </iframe> So you
have the first part working fine. 2) In the content page (the page seen
through the iframe), add <style type='text/css'> body {background-color:
transparent} </style> Your content page does NOT have the body code posted in
the normal place. Usually this code is placed within the <head> or <body>
codes. You have it before the DOCTYPE statement, even before the <head>
section and that could be a major problem. Move it. I captured your
test page to review the code quickly. On the bio page, I moved the style code
and had better results. But the main stumbling block seems to be the table
that contains the iframe. <TD bgColor=#e8e8e8 colSpan=15><IFRAME
name='FRAMENAME' src='test_jpg_files/bio.html' frameBorder='0' width='667'
scrolling='yes' height='371' allowtransparency='true'> </IFRAME></TD> The area
is defined as having a GRAY background color: #e8e8e8 Even if the bio page is
set correctly for the background color, the background in the table will show
through the behind the text on the bio page. When you change the backgoround
color of the table to FFFFFF, the bio text has a white background. And a code
of 00FF33 creates a vivid green background behind the bio page. Note that the
color is coming from the table on your test page, NOT from the bio page.
Transparency works. If your intent is to have the white/red image continue
behind the bio page, you must put that image in there as a background for the
area where the Iframe will be. Right now there is no image under the table,
and the table is providing the color that you see through the bio page. i
hope this helps! denise

#8

Originally posted by: Newsgroup User
http://www.southerntwilight.com/tutorials/transparentiframe.html]

it's offline... =/

#9

http://www.southerntwilight.com/tutorials/transparentiframe.html

no...actually it's not...just the coding for the link messed it up. copy and paste the above url.

#10

i looked to your testsite ciecierega and I guess it's working now, right?

well, I'm trying to get a bottomframe like yours basically, so can u give me
short easy advices to make it ? I got a site without frames except of the
bottomframe, where some sponsores are placed and always should be visibel, but
the whole site background is a course of colours, so I would like to put the
bottom frame transparent to show the background behind the sponsors...

hope u can support me too because it's not easy for me as an Austrian to
understand the past advices in the right way...

thanks in advance,

yours christian