PDA

View Full Version : transparent iframe not showing up on IE

twix2006
09-14-2009, 06:24 AM
I'm a bit rusty on my coding so I'm pretty sure I screwed up the coding to make it so that the background of whatever's in my iframe(s) is transparent. The odd thing is it shows up right on Firefox and Safari, but the backgrounds to each iframe page is white when I view it on IE--what's wrong?!

here's the code I use for my frames:


<IFRAME name="iframeupcoming" src="http://ssmu.mcgill.ca/medspecs/upcomingevents.html" width=390 height=120 marginwidth=0 marginheight=0 scrolling=auto allowtransparency="true" frameborder="0" style="border: 0"></IFRAME>


and I also am using CSS and this is what i have on my sheet:


a:link
{color:#A8053C; text-decoration:none; font-family:verdana; font size:8pt; letter-spacing: 1px; font-weight: normal;}
a:visited
{color:#A8053C; text-decoration:none; font-family:verdana; font size:8pt; letter-spacing: 1px; font-weight: normal;}
a:active
{color:#A8053C; text-decoration:none; font-family:verdana; font size:8pt; letter-spacing: 1px; font-weight: normal;}
a:hover
{color:#000000; cursor:hand; text-decoration: none; font size:8pt; letter-spacing: 1px; font-weight: normal;}



BODY {
background: transparent;

color:#000000;
font-family:verdana;
font-size:8pt;
text-align:justify;
line-height:20px;
letter-spacing: 1px;

overflow-x: hidden;


margin-top: 0;
margin-bottom: 0;
margin-left: 0;

padding: 10px;

}

b {color:#000000; letter-spacing: 1px; font-size: 8pt;}

input, textarea, select
{background: #FFFFFF;
color:#000000;
border: 1px solid #A8053C;
font-family: verdana;
line-height:10px;
font-size:8pt;
letter-spacing: 1px;
padding:2px;


scrollbar-arrow-color: #A8053C;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #FFFFFF;


}

td
{ font-family: verdana;
font-size: 10pt;
color: #000000;
letter-spacing: 1px;
}



Thanks!
pretender
09-14-2009, 03:59 PM
try this in your css
background-color: transparent;
where you have this
background: transparent;
twix2006
09-15-2009, 01:15 AM
nope..the bg of my iframe pages still show up as white :( maybe it's something w/ my iframe code? I don't get why it'd show up fine on other browsers but not internet explorer
iGeek
09-16-2009, 01:26 AM
when I view it on IE

There's your problem.









;) Honestly, don't use frames; it makes kittens cry.
pretender
09-16-2009, 02:45 AM
If your using the current version of I.E. try clicking the compatibility button to view your page, As far as your coding it looks right to me but i could be missing something Also I think you need quotes around some of the attributes you have
<IFRAME name="iframeupcoming" src="http://ssmu.mcgill.ca/medspecs/upcomingevents.html" width=390 height=120 marginwidth=0 marginheight=0 scrolling=auto allowtransparency="true" frameborder="0" style="border: 0"></IFRAME>

I think it should be
<IFRAME name="iframeupcoming" src="http://ssmu.mcgill.ca/medspecs/upcomingevents.html" width="390" height="120" marginwidth="0" marginheight="0" scrolling="auto" allowtransparency="true" frameborder="0" style="border: 0"></IFRAME>

Not for sure though it's been awhile since i have done any html :)
twix2006
09-16-2009, 03:11 AM
I did both and the iframes still don't show up properly on IE :(. It's really weird because I used to code my layouts with IE (about 5 years ago?) and the coding I'm using now I got from previous pages I've made..AUGH. this is frustrating.
twix2006
09-16-2009, 04:05 AM
i finally found a thread about this!! so my iframe coding is right, you just need to add <body STYLE="background-color:transparent"> right inside your <body> tag on the page that will be showing up in the iframe.
streenang
11-05-2009, 10:52 AM
no problem
eco diagnostic pret taux zero immobilier | (http://prettauxzero.org/)
Credit pret a taux zero 0 | (http://prettauxzero.org/)
Pret taux zero a 0 (http://prettauxzero.org/pret-taux-zero/)
thanhnhan176
10-28-2010, 01:56 AM
SNL
The Late Late Show with Craig Ferguson (x2)
Bones (x2)
Blue Bloods (x2)
An Idiot Abroad (x2)

backlink profiles (http://topseoservices.weebly.com/)
seo backlink (http://topseoservices.weebly.com/)