IE 5.2 prob: iFrame transparent

**QuinnEskimo** · 09-18-2005 10:24 PM

I'm designing on a Mac but have tested this on Windows machines. I have set the iframe attributes to transparent background using CSS. It works perfectly in many of my browsers except IE and Opera, and on windows machines - IE and Netscape. The iframe's background in these browsers is white.

If anyone is familiar with these problems or can find inconsitancies within my code - please help this is a "proffessional" commercial website, my first as a recent graduate and freelance graphic designer. and my first post here on the very helpful WebDeveloper.com THANKS

code for main page with iFrame reference within table:

Code:

<html>
<head>
<title>God Johnson Official Site</title>
<LINK REL=stylesheet HREF="main.css" TYPE="text/css"  id="cssHolder" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

</head>


<body>
<table id="Table_01" width="860" height="615" border="0" cellpadding="0" cellspacing="0">
	<tr> 
		<td width="109" height="54">
			</td>
		<td width="266" height="54"> 
			</td>
		<td width="82" height="54">
			</td>
		<td width="298" height="54">
			</td>
		<td width="105" height="54">
			</td>
	</tr>
	<tr>
		<td width="109" height="471">
			</td>
		<td width="266" height="471" valign="top">
			</td>
		<td width="82" height="471">
			</td>
		<td width="298" height="471"> 
			<div class="frame"><iframe width="298" height="471" name="right" frameborder="0" noresize></iframe></div></td>
		<td width="105" height="471">
			</td>
	</tr>
	<tr>
		<td width="109" height="90">
			</td>
		<td width="266" height="90">
			</td>
		<td width="82" height="90">
			</td>
		<td width="298" height="90">
			</td>
		<td width="105" height="90">
			</td>
	</tr>
</table>


</body>
</html>

example of one of the pages positioned within the iFrame:

Code:

<html>
<head>
<title>menu</title>
<LINK REL=stylesheet HREF="main.css" TYPE="text/css"  id="cssHolder" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

</head>

<body class="frame">
			<img src="images/tourdates_black.gif" class="right" /> <h1 class="header">November pg. 02</h1>
<hr align="center" size="1" width="99%" noshade color="#6f6f6f">

<h1 class="date"><a href="#" class="ltwo">Wed 11/30/2005</a> | <a href="http://www.cabooze.com" target="blank">The Cabooze</a> | Mpls MN</h1>
<h1 class="one">With: tba</h1>
<h1 class="one">Doors: 9:00 PM</h1>
<h1 class="one">Show: 10:00 PM</h1>
<h1 class="one">Info: $5.00 | 18+ | <a href="http://maps.google.com/maps?q=917+Cedar+Ave+-+Minneapolis,+MN&spn=0.032597,0.053816&hl=en" target="blank">click for map</a></h1>
			
			<hr align="center" size="1" width="99%" noshade color="#6f6f6f">

			
<br>
<h1 class="next2"><a href="tourdates_nov.html" class="ltwo" target="right">< November pg. 01</a></h1>

</body>
</html>

all applicable CSS:

Code:

table {background-image: url('images/bg_open.jpg'); background-repeat: no-repeat; background-color: transparent; margin-top: -8px; margin-left: -8px; }

table.two {background-image: none; background-color: transparent; margin-top: 0px; margin-left: 0px; }

body {background-image: url('images/bg_wood.jpg'); background-repeat: repeat; }

body.frame {background-image: none; background-color: transparent;}

div.menu {border: 0px; margin-top: -5px; margin-left: 75px; }

div.frame {background-image: none; background-repeat: no-repeat; background-color: transparent;}

**Fang** · 09-19-2005 01:08 AM

http://msdn.microsoft.com/workshop/a...p#transparency

**QuinnEskimo** · 09-19-2005 10:05 AM

interesting.

i'm not that familiar with windows. is IE 5.5 very new? Does anyone have a percentage of users using IE 5.5?

thanks for the link, fang. I'll be adding the allowtransparency tag!

**ray326** · 09-19-2005 12:55 PM

IE 6 is now rather old.

**Zarel** · 09-19-2005 04:48 PM

May I ask, if this is a professional, commercial website, why IFRAMEs are being used?

**QuinnEskimo** · 09-21-2005 01:59 PM

if you'd like to teach me SSI or php or whatever you're going to suggest ...

be my guest.

**Fang** · 09-22-2005 01:16 AM

Originally Posted by QuinnEskimo

if you'd like to teach me SSI or php or whatever you're going to suggest ...

be my guest.

PHP tutorial

**toicontien** · 09-22-2005 12:25 PM

I believe the background color of an IFRAME tag is transparent by default. The background color of the HTML document loaded into the IFRAME is white. In the document that gets loaded in the IFRAME, make the <body> and/or <html> tag's background transparent.

Thread: IE 5.2 prob: iFrame transparent

Thread Tools

Display

IE 5.2 prob: iFrame transparent

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions