www.webdeveloper.com
Results 1 to 8 of 8

Thread: IE 5.2 prob: iFrame transparent

  1. #1
    Join Date
    Sep 2005
    Posts
    24

    IE 5.2 prob: iFrame transparent

    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;}

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654

  3. #3
    Join Date
    Sep 2005
    Posts
    24
    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!

  4. #4
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    IE 6 is now rather old.

  5. #5
    Join Date
    Sep 2005
    Posts
    72
    May I ask, if this is a professional, commercial website, why IFRAMEs are being used?

  6. #6
    Join Date
    Sep 2005
    Posts
    24
    if you'd like to teach me SSI or php or whatever you're going to suggest ...

    be my guest.

  7. #7
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Quote 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

  8. #8
    Join Date
    Feb 2003
    Location
    Michigan, USA
    Posts
    5,774
    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 Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles